html - How to move each box to the right, or to each first box does not move, but it remains the same -


how move each box right, or each first box not move, remains same. red marked boxes move right 5 pixels, , each blue remain in same place. wish each box in first row remains in place, without having move right

https://s11.postimg.org/lyh9uaxwj/dsada.png

#istaknuti_proizvodi_box_prikaza {   width:100%;   height:auto;   position: relative;   background: #ccc;   top:75.1px;  }  #istaknuti_proizvodi_prikaz {   width:236px;   height:250px;   border:1px solid #000;   position: relative;   box-sizing: border-box;   -webkit-box-sizing:border-box;   -moz-box-sizing:border-box;   float:left;   margin-top:2px;  }  #istaknuti_proizvodi_prikaz:nth-child(n+2){   margin-left:5px;  }
<div id="istaknuti_proizvodi_box_prikaza">  <div id="istaknuti_proizvodi_prikaz"></div>  <div id="istaknuti_proizvodi_prikaz"></div>  <div id="istaknuti_proizvodi_prikaz"></div>  <div id="istaknuti_proizvodi_prikaz"></div>  <div id="istaknuti_proizvodi_prikaz"></div>  <div id="istaknuti_proizvodi_prikaz"></div>  <div id="istaknuti_proizvodi_prikaz"></div>  <div id="istaknuti_proizvodi_prikaz"></div>  <div id="istaknuti_proizvodi_prikaz"></div>  <div id="istaknuti_proizvodi_prikaz"></div>  <div id="istaknuti_proizvodi_prikaz"></div>  <div id="istaknuti_proizvodi_prikaz"></div>  </div>

you can not determine 1 come left. assuming 4 boxes fits parent have added fiddle.

you can add min-width constrains change left box changes. likr 3n+1 less width


Comments

Popular posts from this blog

php - How to display all orders for a single product showing the most recent first? Woocommerce -

asp.net - How to correctly use QUERY_STRING in ISAPI rewrite? -

angularjs - How restrict admin panel using in backend laravel and admin panel on angular? -