Как принудительно использовать html / css отступы / поля для элемента?

#html #css

#HTML #css

Вопрос:

Как я могу добавить / принудительно использовать нижнее поле / отступы для следующего элемента <a> ?

 <p>
    <h31>Testing?</h31>
    <a style="margin-bottom: 200px">Create a new Entry</a>        
    testing padding
/*more stuff here...*/
  

Стили очень запутанные, а поле margin-bottom: 200 пикселей не требует заполнения после элемента <a> .

Комментарии:

1. jsfiddle был бы здесь хорош, но добавьте display:block к вашему элементу <a> . если это не сработает, добавьте !важно после вашего объявления 200 пикселей. но вам это не нужно. кроме того, создайте свой элемент h3 и h3, а не h31

2. Помните, что margin!=padding , попытайтесь понять, каковы ваши требования, и поиграйте с ним, чтобы получить разницу.

3. Спасибо display: block; margin-bottom: 10px отлично сработал!

Ответ №1:

Свойство margin CSS не работает должным образом, когда элементы являются встроенными. Добавьте display:block или display:inline-block (в вашем случае) включить поля для встроенных элементов (например, якорей).

padding Свойство обычно применяется без проблем.