html - Unable to center 4 divs inside of one div -
i don't know if i'm half asleep cant seem center align 4 div's, within of div.
here jfiddle http://jsfiddle.net/cwgv4/481/
<body> <div id="content"> <div class="division"><p>first division</p></div> <div class="division"><p>second division</p></div> <div class="division"><p>third division</p></div> <div class="division"><p>fourth division</p></div> </div> </body> the css
.division{ width: 150px; height: 150px; border: 1px solid #000000; padding:5px; margin:5px; display: inline-block; } .p{ } body { marin: auto 0; width: 900px; } #content { width:100%; margin:0px auto; text-align:left; padding:15px; border:1px dashed #333; background-color:#eee; }
add text-align: center #content
html css
No comments:
Post a Comment