Center Box with HTML5 -



Center Box with HTML5 -

i have problem center textbox area using html5 here code

`<!doctype html> <html> <head> <meta charset="utf-8"> <title>untitled document</title> </head> <body> <div class="smart_pdbox" style=" width: 366px; border: 1px solid #fff; height: 320px; float: left; margin: 5px 29.75px 5px 29.75px; padding: 12px 5px 0 5px; text-align:center;"> <div class="smart_pdtitle" style=" font-size:14px; color: #fff; border: solid 3px #ffdb6e; font-weight: bold; padding-top: 2px; padding-bottom: 2px; overflow: hidden; height: 34px; background:#ffdb6e; width: 144px;" ><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></div> </div> </body> </html>

i'm not using or align="center" because thats not back upwards html5. if remove css max-width 144px, title centered can't set width. if utilize max-width 144px, textbox (smart_pdtitle) float left not centered. how set width textbox (smart_pdtitle) center of box area (smart_pdbox) ?

try adding margin:auto; smart_pdtitle div's inline style attribute.

html5 center box

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -