Блоки выравнивания по ширине

Question

, пожалуйста, помогите выровнять блоки статей таким образом, чтобы ширина крайних элементов ряда приклеивалась к краям родительской конейнера (обычно это интернет-магазины, расположенные таким образом с товарами).

here Я понял, чего хочу. но в сафари и перерывы макет IE9 ((

the same, но в jsfiddle, если будет так комфортно

важно, чтобы изделия не были выровнены по поплавку, но через встроенный блок

Css :

.reviews_inner .list{ 
    overflow: hidden; 
    margin: 0 -20px; 

    text-align: left; 
    font-size: 0; 
    line-height: 0; 
} 

    .reviews_inner .list .article{ 
     overflow: hidden; 
     width: 460px; 
     display: inline-block; 
     margin: 0 20px 16px; 

     vertical-align: top; 
    } 

     .reviews_inner .list .article .left{ 
      float: left; 
      width: 108px; 
     } 

      .reviews_inner .list .article .left .outer{ 
       width: 100px; 
      } 

       .reviews_inner .list .article .left .outer img{ 
        display: block; 
       } 

     .reviews_inner .list .article .right{ 
      float: right; 
      width: 342px; 

      text-align: left; 
     } 

      .reviews_inner .list .article .right .author{ 
       text-transform: uppercase; 
       font: 23px arial, sans-serif; 

       display: inline; 
       margin-right: 10px; 
      } 

      .reviews_inner .list .article .right .city{ 
       font: 23px arial, sans-serif; 
      }    

      .reviews_inner .list .article .right p{ 
       font: 15px arial, sans-serif; 
      } 

Answer 1

у вас есть проблемы с шириной

Сделайте

.wrapped { 
width:980x; 
} 

Однако мне действительно не нравится это решение. Но это должно дать вам несколько советов о том, как продвигаться дальше. Общая горизонтальная ширина больше, чем доступно ...