JSFiddle - React, Tailwind, and code Playground

by Sergey

HTML

<html>
<div>111</div>
<div>222</div>
<div>333</div>
</html>

CSS

div {
float: left;
/*выстраиваем наши блоки не по вертикали, как обычно, а по горизонтали*/

width: 33%;
/*назначаем блокам ширину 33% от родительского элемента. В нашем случае, это <html>*/

border: solid black 1px;
/*пририсовываем к блокам рамочки, чтобы результат был нагляднее*/

box-sizing: border-box;
/*делаем так, чтобы рамочка блока была учтена в его ширине. Иначе блоки могут не влезть, ибо их рамочкам не хватит места*/

}