Sauf si tu as une excellente raison de ne pas vouloir utiliser de background-image, je te déconseille de faire autrement.
La seule solution que je vois pour faire avec une <img>, c'est de faire une table. Soit explicitement avec le tag <table> (pas terrible du point de vue sémantique), soit avec une construction du genre (qui va poser des problèmes avec IE < 8) :
Code :
- <div class="table">
- <div class="etoile"><img src="etoile.jpg"></div><div>blablabla</div>
- </div>
|
avec le CSS suivant :
Code :
- .table {
- display: table;
- width: 100%;
- }
- .table>div {
- display: table-cell;
- }
- .table .etoile {
- vertical-align: middle;
- width: 20px;
- }
|
C'est plus compliqué, moins propre et moins portable.
Citation :
et il a quoi mon section?
|
Tu utilises des <section> pour tout et n'importe quoi (genre pour des titres ou des paragraphes ou ton étoile)
---------------
Are you two fucking? Are you serious? Right in front of my salad?!