html - 居中一个 float 的 div css 级联

Question

我已经开始制作一个网格，每一行都有一个类“.row”，里面是 div 宽度为 .col-3-12 的类，它们向左浮动我想做的是创建一个类称为 .centred 并具有 float 居中的内部 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%;
 }