Display: table et text-align droit de ne pas travailler
J'ai un html-structure comme ceci:
<div class="campain">
<div class="campainText">
<a href="#"><h2>Ny app til iPhone og iPad</h2></a>
<a href="#"><h2>Tips og vinn</h2></a>
</div>
<div class="campainPicture">
Picture goes here
</div><div class="clear"></div>
</div>
Et j'aimerais le campainText à aligner à droite. Le css pour cet élément est présent:
font-family: 'Spinnaker', sans-serif;
font-size: 17px;
color: #FFFFFF;
background-color: #A2AD00;
display: table;
padding: 4px;
margin: 4px 4px 4px 4px;
text-decoration: none;
Je sais que le reste de la css est de travail. Le problème est que le texte est aligné à gauche, si je comprend que la table-option affichage-champ. Dès que je l'ai enlever, il fonctionne comme prévu. Existe-il des solutions de contournement pour cela, ou dois-je utiliser display: inline et <br />
tags?
Vous devez vous connecter pour publier un commentaire.
Violon: http://jsfiddle.net/xbNCZ/
"Table +
text-align:right
ne fonctionne pas", parce que d'un élément de tableau n'est pas de s'étirer sur toute la largeur par défaut. Ajouterwidth:100%
pour obtenir le résultat souhaité.Avant /Après réglage
width:100%
.div
élément, qui est100%
.