Как сверстать этот фрагмент?
Вот так сейчас
картика
html
<div class="section__titles"> <h2 class="section__title section__title_img"> Последние новости </h2> <div class="section__title-link"> <a href="#">Перейти в блог</a> </div> </div> |
<div class="section__titles"> <h2 class="section__title section__title_img"> Последние новости </h2> <div class="section__title-link"> <a href="#">Перейти в блог</a> </div> </div>
css
.section__titles { align-items: flex-end; margin-bottom: 15px; } .section__titles { margin-bottom: 30px; justify-content: flex-start; } .section__titles, .section__top { display: flex; align-items: center; } |
.section__titles { align-items: flex-end; margin-bottom: 15px; } .section__titles { margin-bottom: 30px; justify-content: flex-start; } .section__titles, .section__top { display: flex; align-items: center; }
Надо так вот, но я хз ваще как делать это ( , может pos: absolute? но хотелось бы адаптивно ну т е вдруг появиться ещё больше букв и всё поедет(
картика
Дополнительно:
а почему бы ссылку в блок с надписью не поместить?
Заголовок поместить в div с ограниченной шириной.
Поместить ссылку в заголовок через span.
<div class="section__titles"> <h2 class="section__title section__title_img"> Последние новости <span class="section__title-link"><a href="#">Перейти в блог</a></span> </h2> </div> |
<div class="section__titles"> <h2 class="section__title section__title_img"> Последние новости <span class="section__title-link"><a href="#">Перейти в блог</a></span> </h2> </div>
.section__titles { width: 200px; //нужно подстроить под свой макет } |
.section__titles { width: 200px; //нужно подстроить под свой макет }
- СПС БРО ТЫ ЛУЧШИЙ!
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для верстки фрагмента кода на языке программирования PHP на сайте можно воспользоваться тегом
. Этот тег позволяет отображать код с сохранением форматирования и подсветкой синтаксиса. Пример использования тега <pre lang="php"> для верстки фрагмента кода на PHP: <pre lang="php">
В данном примере мы создали переменную $variable со значением "Hello, World!" и вывели ее на экран с помощью функции echo. При просмотре этого кода на сайте, он будет отображаться с сохранением отступов и цветовой подсветкой ключевых слов PHP.
Таким образом, использование тега