Run ❯
Get your
own
website
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <head> <style> body { background-color:#E7E9EB; } #myDIV { height:300px; background-color:#FFFFFF; text-align: center; } </style> </head> <body> <h1>The text-align property</h1> <div id="myDIV"> <h1>Align Me!</h1> This example demonstrates different text-align values.<br> Have fun! <p>For longer texts, notice that text-align: justify aligns each line so that they look excactly the same width:</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum, nisi lorem egestas odio, vitae scelerisque enim ligula venenatis dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum, nisi lorem egestas odio, vitae scelerisque enim ligula venenatis dolor. </p> </div> </body> </html>
