JSFiddle - React, Tailwind, and code Playground

by Sergey khorev

HTML

<div class="wrapper">
	<div class="blockpa1 ">
		<h3 style="font-size: 51px;color: #fff;text-align: left;text-transform: uppercase;text-decoration: none;color: #ffffffcc;text-shadow: 0px 8px 14px rgba(0, 0, 0, 0.21);">Только до 30.05 дарим страховку от пожара </h3>
		<p style="font-size: 16px;color: #fff;/* text-align: left; */text-align: inherit;text-transform: uppercase;background: #60a710bf; /* Цвет фона */padding: 5px;">Закажи проект дома до 30.05.2019 и мы обеспечим Ваш дом надежной защитой и страховой выплатой до 6 000 000 рублей. Страховкой предусматриваются случаи повреждения или в результате пожара, взрыва, стихийных бедствий, противоправных действий третьих лиц (кражи, вандализма), теракта, дополнительных рисков.
    </p>
  </div>
</div>

CSS

.wrapper {
    max-width: 1160px;
    margin: 0 auto;
    border: 0px solid #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.blockpa1 {
    flex: 1 1 200px;
    /* padding: 5px 20px 15px; */
    text-align: justify;
}