Почему hover только для первой строки?

118

16 марта 2022, 00:50

.text { 
  font-size: 40px; 
  font-family: BloggerSans; 
} 
 
.text:hover { 
  margin-left: -10px; 
}

<a class="text">Hello.<br>fdsjfhsdfhjjds.<br> sdfdsfsdfsdf.<br> sdfsdfsdfsdfsdf.</a>

Почему при наведении на текст переносит влево только Hello? Как сделать что бы все переносило.

Answer 1

.text { 
  font-size: 40px; 
  font-family: BloggerSans; 
  display:block; 
} 
 
.text:hover { 
  margin-left: -10px; 
}

<a class="text">Hello.<br>fdsjfhsdfhjjds.<br> sdfdsfsdfsdf.<br> sdfsdfsdfsdfsdf.</a>

Answer 2

Выбирай:

.text { display: block; }

.text { display: inline-block; }

Но вообще, это ужасная идея.

ТОП-10

Всем приветТут дали задание написать сайт

192

Можно ли средствами HTML CSS js сделать страницу добавления нового товара/поста/новости? Аля как тут - нажимаешь кнопку "задать вопрос", пишешь...

130

Требуется связать чекбокс с мультиселектомИзначально чекбокс активен, но при выборе из селекта, нужно, что бы чекбокс снимался, а если убрать...

121

Помогите сделать две картинки+текст в две колонкиВот так -

285