JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
    <blockquote>
        <p>
            Современная фотография — это, прежде всего, возможности
            фотостудии. Мы располагаем одной из самых больших студий в Москве
            140 метров, где созданы все условия для творчества. Вместе с нами Вы
            получите гарантировано качественную фотосъёмку.
        </p>
    </blockquote>
</body>
</html>

CSS

blockquote, q {
    color: #919090;
    font: italic 12px/19px Tahoma, sans-serif;
    margin: 0 0 20px;
    padding: 0 0 0 12px;
    quotes: none;
    width: 420px;
    position: relative;
    *z-index: expression(runtimeStyle.zIndex = 1, this.innerHTML = "<div class='before'></div>" + this.innerHTML);
}
blockquote:before, blockquote .before {
    content: "";
    position: absolute;
    width: 4px;
    background-color: #cecdcd;
    left: 0;
    top: 4px;
    bottom: 2px;
}