position text center in div

[jace1319]

Hi everyone

I need help with moving my text in the middle of the div box.

heres my website www.psdflyers.net

if you look under the banner the text is not completely visible i would like for it to be moved to the middle so that it looks like this

<div style="float: left; width: 270px; height: 63px; margin-top: -10px; background: none repeat scroll 0%10% #000000; color: #ffffff; font-family: 'Bebas Neue',Arial,Helvetica,sans-serif; font-size: 5em; padding: -20px 0 0px; text-indent: 0px; text-align: center;">LATEST</div>
<div style="float: left; margin-left: 15px; height: 63px; margin-top: -10px; width: 450px; background: none repeat scroll 0% 0% #b30404; color: #ffffff; font-family: 'Bebas Neue',Arial,Helvetica,sans-serif; font-size: 5em; padding: -5px -5px -5px; text-indent: 20px; text-align: center;">PSD MOST WANTED</div>
<div style="float: left; width: 210px; margin-left: 15px; height: 63px; margin-top: -10px; background: none no-repeat scroll 0% 0% #00aaff; color: #ffffff; font-family: 'Bebas Neue',Arial,Helvetica,sans-serif; font-size: 5em; padding: -5px -5px -5px; text-indent: 20px; text-align: center;">GUEST!</div>
<div style="clear: both;"> </div>
<p><em class="box"> </em></p>

[Nickriggi]

Whenever css or normal align="Center" doesn't work. I just use <center></center> tags. Works for me every time. Try it out and tell me what you get.

[Sammy12]

You need to reduce the font-size on each of them (I'd recommend reducing them to 3em)

Originally Posted by Nickriggi

Whenever css or normal align="Center" doesn't work. I just use <center></center> tags.

The <center></center> tags are deprecated, so is align=""