#html #css
#HTML #css
Вопрос:
Я создаю целевую страницу для вымышленной шляпной компании и пытаюсь добавить ссылку «Подробнее» (p внутри a), и она оказывается в фиксированном положении, и я не могу переместить ее, используя все, что я знаю, и это также создает нечетную высоту внизу страницы. Я пытаюсь решить эту проблему уже около 30 минут, и я не знаю, что я сделал не так. Извините, если вопрос сформулирован странно, вот мои html и css.
https://codepen.io/youssefwael/full/KKzVgxe
Часть, разрушающая мою страницу, находится в строке 38;
<a href="#" id="read-more">
<p>Read More <i class="fa fa-chevron-down"></i></p>
</a>
Заранее спасибо.
Комментарии:
1. не используйте элемент ‘p’ в элементе ‘a’ или установите элемент ‘a’ как ‘display:inline-block’
Ответ №1:
Это потому, что <a> тег является встроенным элементом.
Вы должны добавить
#read-more {
display: inline-block;
margin or padding or some code...
}
или
display: block; margin-top: ? вот так
вы можете увидеть код здесь:
codepen