Css note inline-block and white space character processing-grass circle

Css notes-inline-block and white space character processing-grass circle Html

  No title
 
2223333333333333333333333333333333333333333333333333333333333333333333333333333333333
222222222222222222222222222222222
123
456

Css

/** Blank character */body {margin: 0; padding: 0;}/* In-Row Element */. right ,. left {margin: 0; padding: 0; display: inline-block; width: 50%; height: 100px; word-break: break-all; word-wrap: break-word; white-space: normal; line-height: 0; font-size: 15px; vertical-align: text-top ;}. left {background-color: # 428bca ;}. left span ,. right span {line-height: 1.28 ;}. right {background-color: # F00 ;}. container {width: 100%;/* white-space: nowrap; */font-size: 0 ;}/*. left span {white-space: pre-line;} * // * floating element */. main {width: 100%; margin: 100px 0; padding: 0; height: 100px ;}. myLft ,. myRgt {float: left; width: 50%; height: 100px ;}. myLft {background-color: # 428bca ;}. myRgt {background-color: # f00 ;}. main: before ,. main: after {display: table; height: 0; content: ''; clear: both ;}