MelonLand Forum
World Wild Web => ✁ ∙ Web Crafting => ☔︎ ∙ I need Help! => Topic started by: SilkSkull on October 02, 2022 @157.79
-
How do I align my text the the centre of a page? I know that it involves CSS but I can't figure out how to work <stlye> for the life of me, here is my code as of now:
https://ibb.c:ha:7XHkqjf
-
If you just want to centre-align the text itself, add style="text-align: center;" to your HTML element that holds the text (<div>, <p>, etc.)
If you want to centre an element horizontally on the page, like a <div>, you can do so by setting a width that's less than 100% of its parent container and then adding style="margin: 0 auto;".
Those are the two easiest solutions to the most common use cases. There are a lot of different ways to position things on the page, but since you're just starting out you probably don't want to get into flex or grid yet.
-
If you just want to centre-align the text itself, add style="text-align: center;" to your HTML element that holds the text (<div>, <p>, etc.)
If you want to centre an element horizontally on the page, like a <div>, you can do so by setting a width that's less than 100% of its parent container and then adding style="margin: 0 auto;".
Those are the two easiest solutions to the most common use cases. There are a lot of different ways to position things on the page, but since you're just starting out you probably don't want to get into flex or grid yet.
So I followed what you said and it is still sticking to the left side of the page, did I enter the <style> tag wrong?
My New Code:
https://ibb.c:ha:7XHkqjf
Site:
https://ibb.c:ha:vQSp0Fb
-
There is a <center>...</center> tag.
It's obsolete, but it works.
https://www.w3.org/TR/html401/present/graphics.html#edef-CENTER
-
My New Code:
https://ibb.c:ha:7XHkqjf
I think thats the same code image you posted already :omg:k: (You could also paste the code here in code tags)
-
Thank you guys for all the help! Turns out I'm a little dumb lol. Also should it work the same with aligning to the left and right?