JSFiddle - React, Tailwind, and code Playground

by mirabo

HTML

<div class="content">
		<div class="colomn1">
			<p>SIA Aloc</p>
			<ul>
			<li>Регистрационный номер: 40103389805</li>
			<li>Юридический адрес: Kaivas iela 50/5</li>
			</ul>
			<p>Контакты Руководителей</p>
			<ul>
			<li>Никита Вологдин - n.vologdin@lvguide.lv</li>
			<li>Максим Долбня - m.dolbna@lvguide.lv</li>
			</ul>
			<p>Банковские Данные</p>
			<ul>
			<li>Банк: </li>
			<li>IBAN: </li>
			<li>SWIFT: </li>
			</ul>
		</div>
		<div class="colomn2">
			<p>После совершения покупки вы получите 
			письмо подтверждение и будите занесены в нашу базу данных,
			по прибытию в гостиницу администратор напомнит о вашей экскурсии.</p>
		</div>
	</div>

CSS

.content{
width: 100%;
height: auto;
margin-top:8%;
background-color:#000000;
border-radius: 10px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 15pt;
border: 1px solid red;

}

.colomn1 {
width:40%;
height: 400px;
float:left;
border-right: 2px dotted #FF00FF;
padding-right: 5%;
}

.colomn2 {
width:40%;
height: auto;
float:left;
padding-left: 5%;
}