JSFiddle - React, Tailwind, and code Playground

HTML

<div id='main'>
<div class='ruho'></div>
<div class='luho'></div>
<p>Добавление картинок. Воспользуйтесь одним из хостингов изображений (savepic.ru, itmages.ru). После загрузки картинки на хостинг, вы получите код для вставки в форум.
Ссылки на ресурс. Не стесняйтесь давать ссылки на страницы с проблемой. Если не желаете, чтобы текст был ссылкой, добавьте подчеркивание перед http, вот так: _http://site.ru
    Код. Обрамляйте код тегами [ code ] и [ /code ] без пробелов.</p>
</div>

CSS

#main {
    width:80%;
    background: #F00;
    margin: 10px auto;
    position:relative;
}
.ruho, .luho {
    width:30px;
    background:#F00;
    height:30px;
    position:absolute;
    top:20px;
    cursor:pointer;
}
.luho {
    margin: 0 0 0 -30px;
}
.ruho {
    margin: 0 -30px 0 0;
    right: 0;
}