horizontal alignment css

when playing around with the code under horizontal align, i wanted to see what happen when i removed the align code from html, but kept it is CSS. the align code isnt working in css. html This paragraph is aligned to left. This paragraph is aligned to right. This paragraph is aligned to center. css p.left { text-align: left; } p.right { text-align: right; } p.center { text-align: center; }

css align Horizontal

7th Apr 2017, 4:34 PM

Melissa Harris

4 Answers

+ 9

https://code.sololearn.com/WznGJxWinj6g/?ref=app when you write "p.right" in css this means you are selecting all the paragraphs defined in class "right" for styling. in your code you wrote "right" in strong tag, refer above listed example. <html> <head> <style> p.left{ text-align: left; } p.right{ text-align: right; } p.center{ text-align: center; } </style> </head> <body> This paragraph is aligned to left This paragraph is aligned to right This paragraph is aligned to center </html>

7th Apr 2017, 5:04 PM

Hardik Raut

+ 4

This paragraph is aligned to left. You have to give class attribute to every p tag because you are setting styles based on class. p.something => applies styles to all P tags that has class something. You need to modify your code accordingly.

7th Apr 2017, 4:50 PM

Ashwani Kumar

+ 1

To apply the style called "center" to the paragraph you have to specify the class. p.center means apply the class style called "center" to this paragraph to apply it you have call the class by using: your text

7th Apr 2017, 4:55 PM

Dina Dinarax