JSFiddle - React, Tailwind, and code Playground

by Sergey khorev

HTML

<blockquote>
    <p><span>Какой бы облицовочный материал ни был вами выбран при оформлении цоколя здания, соблюдайте технологию укладки..</span></p>
    <!-- <footer>
     <i> — <cite> Coco Chanel </cite></i>
    </footer> --> 
</blockquote>
  		    
<style>
  h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    font: 20px;
    display: inline-block;
    border-bottom: 3px solid #a0e6ac;
}

/* Оформление цитаты */
blockquote {
  margin: 0;
  text-align: center;
  color: #464646;
  background-color: #a0e6ac;
  padding: 30px 30px;
  font-family: 'Lato', sans-serif;
}
blockquote p {
  text-align: center;
  margin-top: 0;
  font-size: 19px;
  line-height: 1.25;
}
blockquote span {
    background: #a0e6ac;
    box-shadow: -20px 0 #a0e6ac, 20px 0 #a0e6ac;
    position: relative;
}
span::before {
  content: "\201C";
  position: absolute;
  font-size: 70px;
  left: -40px;
  top: 5px;
  line-height: 0;
}

@media screen and (max-width: 600px) {
p {
  text-align: justify;
}}

</style>





<p>
<b>Цоколь дома</b>, оформленный камнем, смотрится довольно солидно, оригинально и красиво. Материал натурального происхождения обеспечивает максимальную защиту нижней части фасада благодаря своим техническим и эксплуатационным свойствам. Несмотря на то, что данный вид облицовки является недешевым, среди многообразия природных камней можно подобрать и менее дорогие варианты.
</p>

<h3><i>Виды облицовочных камней</i></h3>

<p>
Выбирая материалы для отделки наземной части фундамента, некоторые владельцы домов останавливаются на мраморе. Это отличный способ подчеркнуть свою состоятельность и придать фасаду необычный дизайн. Но что касается технических характеристик, то этот камень достаточно неустойчив к воздействию негативных факторов и прослужит недолго, что, в сравнении с его ценой, делает мрамор неудачным выбором.<br>
</p>
<p>
Поэтому, подбирая <b>камень для цоколя</b>, лучше остановить выбор на других, более прочных и не менее декоративных материалах:<br>
</p>

<ul>
<li>популярен...