JSFiddle - React, Tailwind, and code Playground

by satantx

HTML

<div class="wrap-print">
	<div class="title-wrap-print">- Частник.ru - <a href="" title="">http://www.chastnik.ru</a> -</div>
	<div class="wrap-print-page">
		<div class="page-content">
			<h1>Помощь</h1>
			<div class="page-text">
				В данном разделе вы можете прочитать рекомендации по работе с сайтом, а также узнать ответы на некоторые важные вопросы. Если у вас возник вопрос, ответа на который нет в данном разделе, пожалуйста задайте его нам*! *задавать вопросы могут только зарегистрированные пользователи 
			</div>
            <hr/>
			<div class="page-content-bottom">
				<div class="page-content-left">Адрес статьи: <strong><a href="" title="">http://www.chastnik.ru/help/</a></strong></div>
				<div class="page-content-right">#</div>
				<div class="clear"></div>
				<div class="push-button">Нажмите <a href="" title="">здесь</a> для печати.</div>
			</div>
		</div>
	</div>
	<div class="wrap-print-copyright">© ООО «Частник» 1992-2014. Все права защищены</div>

</div>

CSS

* {
    margin: 0;
    padding: 0;
}

.wrap-print {
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
	font-family: Verdana, Arial, Tahoma;
	font-size: 12px;
	line-height: 16px;
}

.wrap-print a {
	color: #0000EE;
}

.title-wrap-print {
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

.wrap-print-page {
	padding: 10px;
	border: 1px solid #000000;
}

.page-content h1 {
	font-weight: bold;
	font-size: 16px;
	margin: 10px 0 5px 0;
	line-height: 20px;
	display: block;
}

.page-text {
	padding: 10px;
	margin-top: 10px;
}

.page-content hr {
	height: 1px;
	background: #000;
	border: none;
	width: 80%;
	margin: 0 auto;
}

.page-content-bottom {
	padding: 10px 0;
}

.page-content-left {
	float: left;
	width: 50%;
}

.page-content-right {
	float: right;
	width: 50%;
	text-align: right;
	font-weight: bold;
}

.push-button {
	text-align: right;
	margin-top: 10px;
}

.wrap-print-copyright {
	margin-top: 10px;
	text-align: center;
}