My text doesn't seem to be centered on the page, despite using the "text-center" class for the caption text. What am I missing here?
<div class="text-center">
<h1>Evelyn Lauder </h1>
<h5 class="font-italic"> 1936-2011</h5>
<img src="http://i.telegraph.co.uk/multimedia/archive/02093/lauder_2093473b.jpg" alt="Evelyn Lauder" /> <br /><br>
</div>
<div style= "width: 50%"; class="text-center font-italic">
<h7> "Evelyn Lauder was an Austrian American businessman who was well known for popularizing the pink ribbon associated with breast cancer awareness." </h7>
</div>