+ 1

Align 6 Paragraphs In-line and In centre of page

So I want to align 6 paragraphs inline with each other in the vertical centre of my web page. Does anyone have any idea on how to do this? https://code.sololearn.com/WCmt86R5Tzok

11th Apr 2018, 9:09 PM
Leonard Lucas
Leonard Lucas - avatar
9 Antworten
+ 4
make sure that you published your code...
11th Apr 2018, 9:25 PM
Sokrat_Poghosyan
Sokrat_Poghosyan - avatar
+ 2
so it exatly in the middle (iphone 7) what’s the problem ?
11th Apr 2018, 9:38 PM
Sokrat_Poghosyan
Sokrat_Poghosyan - avatar
+ 2
set .numbers display: inline-block, then #Number1 { margin-left: 35% ; }
11th Apr 2018, 10:05 PM
Sokrat_Poghosyan
Sokrat_Poghosyan - avatar
+ 1
If your website is live give a link, otherwise put code in the Code Playground on SoloLearn.
11th Apr 2018, 9:13 PM
Emma
+ 1
Xan, Website is not live yet, it's just a little pet project of mine to practice my coding, Here is a link to the playground code: https://code.sololearn.com/WeKXBQ2n5Wg
11th Apr 2018, 9:20 PM
Leonard Lucas
Leonard Lucas - avatar
+ 1
Okay, seems like the code was not public, Try this link: https://code.sololearn.com/WCmt86R5Tzok
11th Apr 2018, 9:28 PM
Leonard Lucas
Leonard Lucas - avatar
+ 1
it needs to be in line horizontally for big screens, not aligned in a column. rather, all the numbers be displayed in a horizontal line, but the whole group of numbers aligned to the centre of the page. for phone screens I don't worry if it aligns vertically, as you've seen it. thank you for your feedback and checking the code out.
11th Apr 2018, 9:42 PM
Leonard Lucas
Leonard Lucas - avatar
+ 1
thanks, that seems to work
12th Apr 2018, 8:38 AM
Leonard Lucas
Leonard Lucas - avatar
0
something else just popped into my mind, what about the use of a CSS grid?
12th Apr 2018, 2:21 PM
Leonard Lucas
Leonard Lucas - avatar