JSFiddle - React, Tailwind, and code Playground

by Kang Yuan

HTML

<div id="box">
    <div id="first">
        人民网北京2月24日电 (记者 刘阳)国家发展改革委知，
    </div>
     <div>
         人民网北京2月24日电 (记者 刘阳)国家发展改革委知，
    </div>
     <div>
         人民网北京2月24日电 (记者 刘阳)国家发展改革委知，
    </div>
</div>

CSS

*{
    margin:0 auto;
    padding:0;
}
#box{
    height:200px;
    width:200px;
    border:1px solid red;
}
#box>div{
    width:100%;
    height:32.855%;
    border:1px solid blue;
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
    column-count:3;

     -moz-column-rule:4px outset #ff0000; /* Firefox */
     -webkit-column-rule:4px outset #ff0000; /* Safari and Chrome */
      column-rule:4px outset #ff0000;
}
#first{

}