JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
	<div class="m1">
		<span class="img"><img src="http://i33.fastpic.ru/big/2014/0321/91/34e1563f97876ccee1d23dfcb819f591.jpg" alt=""></span>
		<span class="main">Главная</span>
	</div>
	<div class="m2">
		<div class="bor1"></div>
		<div class="ss">Создание сайта</div>
		<span class="bor2"></span>
	</div>
</div>

CSS

#wrapper{
	border:1px solid black;
	width: 270px;
	height: 200px;
	background: url(http://i59.fastpic.ru/big/2014/0321/b1/ea884b316401c6c22d185608e79d9eb1.jpg);
}

.main{
	color: #1E90FE;
	font-weight: bold;
	margin: 3px;	
}

.m2{
	height: 80px;
	margin: 3px;
}
.bor1{
	background:black;
	width: 85px;
	height: 1px;
	margin: 40px 0 3px 0;
}
.ss{
	width: 80px;
	text-align: center;
	margin: -20px 90px;
	font-weight: bold;
}
.bor2{
	background:black;
	width: 85px;
	height: 1px;
	margin: -5px 0 0 180px;
	float: right;
}