#new {
border: 4px double black;
margin-bottom: 50px;
position: absolute;
bottom: 50px;
left: 385px;
line-height: 50px;
}
#message {
border: 4px double black;
margin-bottom: 50px;
position: absolute;
bottom: 50px;
right: 385px;
line-height: 50px;
}
<div id="new">
<img src="img/new.jpg" align="left" width="50" height="50">
<font color="#000000" size="5">Свежие новости</font>
</div>
<div id="message">
<img src="img/message.jpg" align="left" width="49" height="49">
<font color="#000000" size="5">Новые сообщения</font>
</div>
Хочу выводить информацию под "Свежие новости" и "Новые сообщения".
Как это лучше всего сделать?
Если просто вставить текст в эти дивы, то вся картина искажается, и получается очень некрасиво. Мне бы не хотелось создавать еще 2 дива для этого дела. Как можно еще поступить?