L’auteur de l’excellent blog HTeuMeuLeu a proposé un petit exercice en CSS ce soir, et puisque je me suis pris au jeu, j’en profite pour relancer cette vieille machine, et expliquer ma solution !
Le problème consistait à définir un padding précis sur la droite d’un élément en display:inline. En dehors des détails techniques, ma solution est la suivante :
- Utiliser un
border-leftpadding-leftsur le conteneur, dont la largeur correspond au double du padding désiré. - Décaler d’autant l’élément sur la gauche, à l’aide d’un
position:relative, et d’unleftnégatif.
La démonstration sur jsFiddle : http://jsfiddle.net/Ch7bL/35/
N’hésitez pas à améliorer cette solution, ou à proposer une autre approche dans les commentaires de l’article !
Les commentaires sont fermés sur cet article.
0 commentaires
Flux RSS des commentaires de cet article