居中浮动 div css 级联

Question

我已经开始制作一个网格，每一行都有一个类“.row”，里面是 .col-3-12 为 div 宽度的类，它们向左浮动我想要做的是创建一个类称为 .centred 并具有浮动居中的内部 div。目前它的中心是 50% 的 div，它需要一个 -50% 的位置才能使其居中codepen

 <div class="row">

    <div class="col-3-12 centered">
        Duis aute irure dolor in reprehenderit in voluptate velit esse
        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    </div>  

</div>

 .row [class*="col-"].centred {
      left: 50%;     
 }
 .col-3-12 {
    width: 23.5%;
 }

Answer 1

尝试添加一个否定的margin-left，如下所示：

 .row [class*="col-"].centred {
      left: 50%;     
 }
 .col-3-12 {
    width: 23.5%;
    margin-left:-11.75%;
 }