Align 6 Paragraphs In-line and In centre of page

Question

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

Answer 1

make sure that you published your code...

Answer 2

so it exatly in the middle (iphone 7) what’s the problem ?

Answer 3

set .numbers display: inline-block, then #Number1 { margin-left: 35% ; }

Answer 4

If your website is live give a link, otherwise put code in the Code Playground on SoloLearn.

Answer 5

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

Answer 6

Okay, seems like the code was not public,

Try this link:

https://code.sololearn.com/WCmt86R5Tzok

Answer 7

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.

Answer 8

thanks, that seems to work

Answer 9

something else just popped into my mind, what about the use of a CSS grid?