Как лучше сделать вывод информации

Question

Как лучше сделать вывод информации

Рейтинг: 1Ответов: 1Опубликовано: 08.04.2011

#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 дива для этого дела. Как можно еще поступить?

css html вёрстка

Источник: Stack Overflow на русском

Answer 1

▲ 2

Да, либо вариант еще проще:

<div class="news">
    <h3>Свежие новости</h3>
    <div>Текст</div>
    <div>Текст</div>
    <div>Текст</div>
    <div>Текст</div>
</div>

<div class="messages">
    <h3>Сообщения</h3>
    <div>Текст</div>
    <div>Текст</div>
    <div>Текст</div>
    <div>Текст</div>
</div>

А вот этот вариант я бы сделал, если писал бы для себя:

<ul class="news">
    <li class="h">title</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>

Как лучше сделать вывод информации

Ответы