Comment puis-je obtenir négatif rembourrage en CSS?
Je suis à la recherche d'un moyen efficace d'atteindre négatif rembourrage en CSS.
Le Problème
J'ai un h1
élément sur ma page web qui possède actuellement le code suivant qui lui est associé:
CSS:
h1 {
background-color: #375E97;
color: #FFFFFF;
font-size: 50px;
font-family: 'Righteous', cursive;
text-transform: uppercase;
text-align: center;
padding: 0;
margin: 0 auto;
height: 49px;
}
HTML:
<head>
<link href="https://fonts.googleapis.com/css?family=Righteous|Roboto:400,700,400i" rel="stylesheet">
</head>
<body>
<h1>Lorem Ipsun Al</h1>
</body>
Vous pouvez voir que depuis que j'ai ajouté: height: 49px;
, le texte semble que si elle s'écoule dans le reste de la page. Je veux réaliser ce look, mais aussi pour le haut du texte, pas seulement le bas.
Ce Que J'Ai Essayé
J'ai essayé:
- Paramètre à la fois
padding
etmargin
à0
pour lah1
élément. - De jouer avec différentes valeurs pour
vertical-align
. - Réglage
height
de nombreuses valeurs différentes. - Le réglage de tous les
h1
parent des élémentspadding
etmargin
à0
.
Je crois que le problème, je suis confronté est que la partie supérieure de la police, je suis à l'aide de (et la plupart des polices) a de l'espace. C'est pourquoi je veux être en mesure de réaliser un négatif de rembourrage, pour déplacer le texte vers le haut sur l'écran sans avoir à déplacer le contenu de la boîte.
- Il ne peut y avoir n'importe quoi comme négatif rembourrage. Si il y en avait une, il ne serait pas de rembourrage à tous.
Vous devez vous connecter pour publier un commentaire.
Complètement dépend de la police que vous utilisez, mais dans votre cas particulier,
height: 34px
etline-height: 34px;
faire ce que vous voulez:CSS:
HTML:
La seule chose que vous n'avez pas essayer le réglage de la
line-height
.CSS:
HTML:
Utiliser une marge négative sur le contenu interne pour réaliser la même chose que négatif rembourrage serait.