JSFiddle - React, Tailwind, and code Playground

by shtrih

HTML

<div id="book">
    <div class="content">
        <h2>16 Месяц Урожая (День 1)</h2>
        <p>
        Мне <span class="link">приказано</span> отправляться в город <span class="link">Балмору</span> в <span class="link">Районе Вварденфелл</span> и явиться к человеку по имени <span class="link">Кай Косадес</span>. Узнать, где он живет я могу в трактире <span class="link">Южная Стена</span>. Когда я найду <span class="link">Кая Косадеса</span>, мне надо отдать ему пакет с документами и ждать дальнейших <span class="link">приказаний</span>.
        </p>
        <h2>16 Месяц Урожая (День 1)</h2>
        <p>
        На дороге к северо-западу от <span class="link">Пелагиада</span>, мне повстречалось красивая молодая <span class="link">бретонка</span>, <span class="link">Морри Ормин</span>, которая была в смятении из-за нападения бандита.
        </p>
    <!--/div>
    <div class="content-right"-->
        <h2>17 Месяц Урожая (День 2)</h2>
        <p>
            Завсегдатай Трактира <span class="link">Южной Стены</span> назвал <span class="link">Кая Косадеса</span> 'старым пройдохой', и посоветовал спросить о нем у <span class="link">содержателя</span> трактира, <span class="link">Баколы Клосиуса</span>.
        </p>
        <h2>17 Месяц Урожая (День 2)</h2>
        <p>
            <span class="link">Бакола Клосиус</span> сказал, что <span class="link">Кай Косадес</span> снимает небольшую лачужку на холме неподалеку от <span class="link">Южной Стены</span>. Надо подняться по лестнице у входной двери, потом налево на верху лестницы, и вниз к концу улицы.
        </p>
        <h2>17 Месяц Урожая (День 2)</h2>
        <p>
            <span class="link">Кай Косадес</span> получил от меня пакет с документами. По <span class="link">приказу</span> Императора <span class="link">Кай Косадес</span> принял меня в орден <span class="link">Клинков</span>, <span class="link">Имперскую</span> <span class="link">Разведывательную Службу</span>, и присвоил мне ранг Новичка. <span...

CSS

#book {
    position: relative;
    width: 940px;
    height: 580px;
    padding: 10px;   
    margin: 10px auto;
    border: #000 1px solid;
}
.content {
    width: 900px;
    height: 560px;
    padding: 10px 20px;
    float: left;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap:40px;
    -webkit-column-gap:40px;
    column-gap:40px;
}