Создать отступ блока в стиле с вкладками без создания нового стиля таблицы?

#html #css

#HTML #css

Вопрос:

Как я могу добиться чего-то простого, подобного следующему, без создания нового стиля таблицы css? В принципе, есть отступ в стиле блока?

введите описание изображения здесь

Комментарии:

1. Под «без создания нового стиля таблицы css» вы имеете в виду, что вы не хотите использовать display: table ?

Ответ №1:

Почему бы не использовать таблицы?

Но вы можете легко добиться этого с помощью плавающих элементов, абсолютного позиционирования и небольшого запаса, например,

 <ul style="float:left;">
    <li style="list-style-type:none;">Member since:</li>
    <li style="list-style-type:none;">Last visited:</li>
</ul>

<ul style="float:left;position:absolute;margin-left:120px;">
    <li style="list-style-type:none;">07-30-2009 09:45pm</li>
    <li style="list-style-type:none;">37 minutes ago</li>
</ul>

<img src="avatar.jpg" widht="50" height="50" style="float:left;position:absolute;margin-left:180px;" />
  

Комментарии:

1. Отредактировано, списки здесь лучше, чем divs 😉

2. В любом случае, я бы все равно посоветовал вам использовать таблицу для этого случая, просто потому, что этот список ЯВЛЯЕТСЯ таблицей, и тогда нет причин, по которым вы не должны использовать css-таблицу! Столы — это зло только как конструкция-каркас!