JSFiddle - React, Tailwind, and code Playground

by Kate Masiuk

HTML

<blockquote>
    <span class="open">&laquo;</span>
    <p>
       Не ошибается лишь тот, кто ничего не<br>делает! Не бойтесь ошибаться &mdash; бойтесь<br> повторять ошибки.
    </p>
    <p class="sign">
        Теодор Рузвельт  
    </p>
    <span class="close">&raquo;</span>
  </blockquote>

CSS

span {position: relative;color: #8A0808;font-size: 52px;}
.open {float: left;margin: -20px 20px 0 0;}
.close {float: right;margin: -60px 230px 0 0;}
.sign {margin-left: 48px;}