JSFiddle - React, Tailwind, and code Playground

by Pustovalov

HTML

<div class="poem">
	<div>
		буря мглою буря мглою буря буря мглою буря мглою буря буря мглою буря мглою буря буря мглою буря мглою буря буря мглою буря мглою буря буря мглою буря мглою буря буря мглою буря мглою буря буря мглою буря мглою буря буря мглою буря мглою буря буря мглою буря мглою буря буря мглою буря мглою буря буря мглою буря мглою буря буря
	</div>
	<div>небо кроет</div>
	<div>вихри снежные</div>
	<div>крутя</div>
</div>

CSS

.poem {
	display:-webkit-flex;
	display:flex;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	justify-content:space-around;
	padding:15px;
	background:#FFF;
	}
	.poem div {
	    margin:15px;
	    padding:0 15px;
		background:#0175A7;
        border-radius:10px;
        color:#FFF;
        vertical-align: middle;
		}
	.poem div:first-child {
		background:#090;
		}
	.poem div:last-child {
		background:#C00;
		}