Comment aligner verticalement une image à l'intérieur d'un <h1> tag
HTML
<h1>abc abc<span><img class="goldT" src="btns/nav02.png"></span></h1>
css
h1{
margin:15px 0 15px 20px;
font-size:1.1rem;
font-weight:bold;
background:#e1e1e1;
padding-left:10px;
color: #444444;
}
h1 span{
float:right;
margin-right:14px;
}
h1 .goldT{
width:140px;
vertical-align:middle;
}
Comment puis-je garder img goldT
centrée verticalement avec le texte d'en-tête abc
.
La Question est génial.....
OriginalL'auteur qadenza | 2013-11-28
Vous devez vous connecter pour publier un commentaire.
Utiliser margin-top. Ex :
margin-top: -13px;
L'échantillon
h1
est plus alors comment il va affecter cochez cette jsfiddle.net/KKgYa/11OriginalL'auteur Aldi Unanto
Essayer:
HTML:
CSS:
Violon ici.
OriginalL'auteur Hiral
Essayer ce ici, nous pouvons faire une image à la verticale du centre de
Essayer cette http://jsfiddle.net/SxxWV/10/
HTML
CSS
OriginalL'auteur Dinesh Kanivu
vous devez définir le css style d'affichage et vertical-align pour la
<h1>
voir démo :http://jsfiddle.net/BhaveshKachhadiya/REHLZ/3/embedded/result/
Css pour h1 :
OriginalL'auteur Bhavesh Kachhadiya
Juste envelopper de texte avec image en
<span>
:VIOLON
abc
n'est pas sur le côté gauche de la tête. Le texte doit être sur la gauche et img sur le côté droit.Dans ce cas, de placer du texte et de l'image en séparer
span
et les faire flotter. Exemple -> jsfiddle.net/KKgYa/13OriginalL'auteur Morpheus
Une solution beaucoup plus simple est comme suit:
<h1><span>abc abc</span><img class="goldT" src="btns/nav02.png"></h1>
Sur le h1 définir un
line-height
et sur l'image et la durée de définir unvertical-align:middle;
. A travaillé pour moi.OriginalL'auteur Ukuser32