10
votes

La marge-bas ne crée pas de place sous une balise

dans ma forme HTML, j'ai un lien ... suivi d'une étiquette

Lorsque j'inspecte des éléments à l'aide de Google Chrome Console, la balise A a un de marge de 10px. Mais l'étiquette est directement en dessous, sans espace. Comment puis-je générer un peu d'espace là-bas?


1 commentaires

Un HREF Les balises ne sont pas des conteneurs et ne peuvent donc pas avoir une marge qui leur est appliquée. Placez le lien à l'intérieur d'un conteneur (div, span, table, etc.) et appliquez une marge à cela.


3 Réponses :


8
votes

Par défaut A Les balises sont des éléments en ligne et ne peuvent donc pas avoir des marges ajoutées. Vous auriez besoin de faire votre A d'affichage comme un élément de bloc pour voir les marges et autres attributs associés aux éléments de bloc: xxx


2 commentaires

+1, Affichage: Inline-Block peut suffire, en fonction de ce que l'OP veut atteindre.


Pour être pédants, vous avez tort: ​​vous ne pouvez pas réellement faire a a bloc élément (ou un élément "noir", ce que vous avez écrit). Vous pouvez cependant le faire Afficher comme un élément de bloc. (Ou, comme le dit Linus, un élément de bloc en ligne. (En outre, votre épissure de virgule me dérange.)



6
votes

Il serait préférable de pratiquer le lien dans un paragraphe

code> tag. Ensuite, ajoutez la marge à cela.

p {
    margin-bottom: 10px;
}


0 commentaires

0
votes

Faire la balise d'ancrage Affichage: Inline-Block; code> de sorte qu'il faut de la marge.

form a {
    display:inline-block;
    margin-bottom: 10px;
}


0 commentaires