JSFiddle - React, Tailwind, and code Playground

HTML

<div class="logo">
					<a href="/" class="logo-img"><img src="http://savepic.ru/7482909.png" alt=""></a>
					<div class="logo-text">
						<h1>Логотип</h1>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
					</div>
				</div>

CSS

.logo {
	float: left;
	width: 303px;
}
.logo-img {
	float: left;
	width: 81px;
	display: block;
	padding-right: 10px;
}
.logo-text {
	float: left;
	width: 200px;
	border-left: 1px solid #ccc;
	padding-left: 10px;
}
.logo h1 {
	color: #045984;
	font-family: PF Square Sans Pro Medium;
	font-size: 32px;
	margin: 0;
}
.logo p {
	color: #045984;
	font-family: PF Square Sans Pro Thin;
	font-size: 14px;
	margin: 0;
}