html - Aligning a div with 2 divs inside it in Center -


http://puu.sh/gxhvo/f5f2addb9b.png (link image)

currently im trying 2 divs align in center, not quite sure how it. go left side default.

i had margin-left:14 % , align in center, when re-sized window weird because aligned right side.

tried with marign-left/right:auto, no result.

html

<div id="panels">  <div id="panel-left">            </div>  <div id="panel-right">   </div> 

css

#panels{  padding-top:15px;  margin-left: auto;   margin-right: auto;  }    #panel-left{  width:32%;  min-width:209px;  overflow:hidden;  background-color:white;  float:left;  padding-left:25px;  height:473px;  }    #panel-right{  width:32%;  min-width:209px;  height:473px;  background-color:white;  float:left;  padding-left:25px;  }

try this:

css

#panels{     padding-top:15px;     text-align:center;     display: block; }  #panel-left{     width:32%;     min-width:209px;     overflow:hidden;     background-color:black;     height:473px;     display: inline-block; }  #panel-right{     width:32%;     min-width:209px;     height:473px;     background-color:orange;     display: inline-block; } 

demo here


Comments

Popular posts from this blog

Payment information shows nothing in one page checkout page magento -

tcpdump - How to check if server received packet (acknowledged) -