Text alignment using CSS - Please help

http://codepen.io/menlog/full/dpBXOv/

I wanted to align the text under the image to the left instead of being centered.
I tried adding a unique id of “text1” and then style it via CSS so that the text will be aligned to the left side but i can’t seem to get it to work. please help!

its becouse <div class="container2"> has css style of text-align: center and u nested your em inside of that div.

just remove your <em id="text1">Doctor Thomas Midgley Jr. (May 18, 1889 – November 2, 1944) was an American mechanical engineer and chemist. </em> and place it outside <div class="container2">

2 Likes

Thank you for the help!

For some reason, i remembered something about hierarchy, in which even when having a global rule (like in a class) that says one thing, you can have another different rule inside if it’s more unique. I guess it doesn’t work that way.
Thanks FreakOut!