Код CSS
P.blago_a {
border: 2px solid black; /* Параметры рамки */
padding: 10px; /* Поля вокруг текста */
}
.leftimg {
border: 2px solid black; /* Параметры рамки */
float:left; /* Выравнивание по левому краю */
margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
padding: 10px; /* Поля вокруг текста */
}
#red-button {
height: 44px;
text-align: right;
}
#donation-big {
border: none;
height: 78px;
text-align: center;
width: 100%;
background: #ff0000;
color: #ffffff;
font-size: 20px;
margin: 0 0 0 0;
text-decoration: none;
line-height: 78px;
padding: 0 10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
}
#detail {
font-size: 15px;
color: #1D67A4
}
Код HTML
<p class="blago_a"> Наш Свято-Петропавловский приход оказывает помощь людям, попавшим в трудную жизненную ситуацию, и просит Вас принять участие.
</p>
<div class="leftimg">
<h3>Женщина, попавшая в трудную жизненную ситуацию</h3>
<p><img src="http://s2.localhost/wp-content/uploads/2017/06/Door_300x400.jpg" alt="Трудная ситуация 1" class="leftimg">
Обратилась женщина, попавшая в трудную жизненную ситуацию. В центре социальной защиты выделили квартиру. Но квартира в плохом состоянии. Требуется отштукатурить и побелить стены, поменять входную дверь. Просим помочь.</p>
<a href="http://s2.localhost/?page_id=1651" id="detail">Подробнее</a>
<div id="red-button">
<a href="http://s2.localhost/?page_id=1647" id="donation-big">Пожертвовать</a>
</div>
</div>
Ответ есть здесь
http://htmlbook.ru/css/position»>
-
Ответ изменён 8 лет назад пользователем
email2011.
