CSS для параметров

12 3
X
На сайте с 04.12.2018
Offline
210
339

Доброго всем здравия.

Помогите как реализовать вот такой вывод с помощью CSS

Так могу через TABLE TR TD, но смотрится кривенько :(

Можете помочь с CSS?

На сколько реален вывод такого, чтобы в коде было:

<ul>
 <li> <span class="type">Тип стола</span> <span class="otvet">прямой</span> </li>
</ul>


?

Удобный съем позиций (http://allpositions.ru/redirect/58277)
totamon
На сайте с 12.05.2007
Offline
360
#1
Xubart :

Доброго всем здравия.

На сколько реален вывод такого, чтобы в коде было:


?

вполне реален)

Хостинг от 90р ( https://goo.gl/h1VRkY ) и ВПС от 161р ( https://goo.gl/vw9JH7 ) 14 дней бесплатный тест! Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno ХОСТИНГ №1 РОССИИ https://8fn.ru/beget Монетизация любых сайтов PUSHами ( https://8fn.ru/push ) - лучшая цена клика и показа ;)
ДП
На сайте с 23.11.2009
Offline
193
#2
Я бы вообще в сторону dt,dd и dl тегов посмотрел https://developer.mozilla.org/ru/docs/Web/HTML/Element/dl
: Элемент списка описаний
  • 2021.03.31
  • developer.mozilla.org
HTML-элемент   ( от англ. Description List ) представляет собой список описаний. Этот элемент служит контейнером для списка пар терминов (определяемых элементом ) и их описаний (определяемых элементами ). Этот элемент обычно используют при создании глоссария или для отображения метаданных (списка пар ключ-значение). The source for this...
Сергей Ефимов
На сайте с 11.05.2008
Offline
218
#3
Я бы тоже в специализированные или таблицы смотрел. У первого td border и margin прописать. За основу взять респонсивную таблицу.
Подбираю исполнителей, проектирую сайты, повышаю позиции и экономлю на контекстной рекламе. Возможная занятость в офисе. Эксперт по Яндекс Директу тыц (http://expert.yandex.ru/certificates/f38094egydq/) и Яндекс Метрике тыц (http://expert.yandex.ru/certificates/i635d23t6a0/).
ArbNet
На сайте с 27.10.2019
Offline
77
#4
Юзайте flex или grid
Блажен, кто не стремится сделать лучше: он не рискует быть не понятым.
X
На сайте с 04.12.2018
Offline
210
#5
Всем спасибо.  Решение найдено.
ArbNet
На сайте с 27.10.2019
Offline
77
#6
Xubart #:
Помогите с примером PLEASE

Гугл в помощь, в сети масса примеров.

W1
На сайте с 22.01.2021
Offline
18
#7
Xubart #:
Решение найдено.

Более того, решений много. Правильнее было бы написать "решение выбрано"  ;)

Когда-нибудь здесь будет форум - https://webinfo.guru –Там я всегда на связи
skapunker
На сайте с 15.01.2014
Offline
190
#8

над table конечно посмеялся 😂это что то из 90-х

тут нужен flex и/или grid

Мои сайты ищут дно. Я больше не СЕО гуру... Я ухожу в отставку. Однако, я по прежнему царь вебмастеринга.
Сергей Ефимов
На сайте с 11.05.2008
Offline
218
#9
skapunker #:

над table конечно посмеялся 😂это что то из 90-х

тут нужен flex и/или grid

Ради интереса, а ПСы одинаково относятся к table и флексу/гриду? Просто добавление таблицы на нескольких примеров значительно повысило видимость документа (хорошей таблицы, так что может и не взаимосвязано). Вот и интересно, есть ли корреляция от вида отображения контента.
AlexSanchez
На сайте с 07.04.2021
Offline
1
#10
Сергей Ефимов #:
Вот и интересно, есть ли корреляция от вида отображения контента.

Насколько я понимаю, никакой корреляции нет. И ПС вроде как по барабану, что табл, что флекс, что грид.

Профессиональные разработчики https://idpowers.com/
12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий