#gird[data-columns]::before{
    content:'3.column. size-lof3';
  }
  .column{float:left;}
  .size-lof3{width:33.333%}
  .box1{border: 1px solid red;
      height: 130px;
      text-align: center;
      background-color: #d7d7d7;
      line-height: 130px;
       font-size: 21px;
       white-space:nowrap;
   }
     .box{background-color:#efddd1;} 
     .red{color:red;}
     .red-t{background-color:#f76464;}   
     .yellow{color:yellow;}
     .orange{color:orange;}
     .orange-t{background-color:orange;}
     .green-t{background-color:#96d996;}
     .blue-b{background-color:#5bc0de;}
     .dkuan{margin-left:-10px;
       margin-right: -10px;
       width: auto;
}