Как сверстать блок с такой же линией?
Подскажите, пожалуйста, как сделать такую линию? Сам ничего толкового не смог придумать
Дополнительно:
Сам ничего толкового не смог придумать
Получается, самостоятельно Вы ничего не сделали. Значит Вам на фриланс!
В общем случае сложно обойтись без скрипта. Можно рисовать линии канвасом, например так. snippet
- спасибо большое, Ваше решение очень помогло
Ответы:
Я думаю что можно сделать просто див, не указывать ему бордеры, перекрасить в нужный цвет, первой линии(тоесть будущему диву) задать высоту 1px и ширину сколько нужно и после расположить правильно, и уже на эти дивы расположить картинки, удачи
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для создания блока с линией, как на stackoverflow.com, вам потребуется использовать CSS. Вот пример кода на HTML и CSS, который поможет вам создать такой блок:
HTML:
```html
Ваш текст здесь
```
CSS:
```css
.block {
border-top: 1px solid #d6d6d6;
padding-top: 10px;
margin-top: 10px;
}
```
Просто добавьте этот код на вашу страницу и укажите нужные стили для блока. Свойство border-top задает линию сверху блока, а padding-top и margin-top добавляют отступы сверху блока и между блоками соответственно.
Если вам нужно изменить цвет линии или ее толщину, просто измените значение свойства border-top в CSS. Например, чтобы сделать линию более тонкой, уменьшите значение толщины (например, 0.5px).
Таким образом, вы можете легко создать блок с линией, как на stackoverflow.com, используя HTML и CSS.