html - Center divs under eachother -


http://jsfiddle.net/jzlw4/702/

i want center divs under eachother, in example there bigger empty space between left , center, center , right. accomplishable?

something (made in mspaint):

enter image description here

-      

bootstrap make things easy:

<div class="col-md-4">   <!--first column-->   <div class="pull-right">some content   </div>   <div class="pull-right">some content   </div> </div> <div class="col-md-4">    <!--second column-->    <div class="center">some content   </div>   <div class="center">some content   </div> </div> <div class="col-md-4"> <!--first column-->    <div class="pull-left">some content   </div>   <div class="pull-left">some content   </div> </div> 

more grid-system

css centering div in div:

.center{   width: 50%; /*or every other width...*/   margin: 0 auto; } 

source

if don't want use bootstrap, can columns , floating this:

.col-md-4{   float:left;   width:300px /*or whatever width want*/ }  .pull-left{   float: left; }  .pull-right{   float: right; } 

Comments

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

c# - MSAA finds controls UI Automation doesn't -

wordpress - .htaccess: RewriteRule: bad flag delimiters -