Как перенести на следующую строку элемент в HTML и CSS?

Question

[drakot1]

Вот пример того как есть и как должно быть. Кнопки заданы ссылками.

Comments

[Сергей Сергей]

display: block;

[drakot1]

Сергей Сергей, я уже пробовал, но почему-то это не работает. Я перепробовал уже несколько способов, но пока ничего не помогло(

[Василий Банников]

drakot1, а где display: block у тебя в стилях?

Answer 1

[Mrkliner]

Попробйте тег <br>

Comments

[drakot1]

Я в общем не против так сделать, но это разве не дурной тон? Я просто только начал в это погружаться, и где-то слышал что бр-ми пользоваться надо поменьше и только в текстах, но не для разметки. Это насколько верная позиция?

[Mrkliner]

или можешь после первой ссылки добавить <p>p>

[drakot1]

Большое спасибо за помощь!

Answer 2

[Kvason]

https://codepen.io/vankvas/pen/abEoXWR

Comments

[drakot1]

Большое спасибо за помощь!

Answer 3

[acamel98]

Советую вам изучить flex. Очень удобная штука.
Игра с изучением flex https://flexboxfroggy.com/#ru