27304 sujets

CSS et mise en forme, CSS3

Bonjour !
Ce sujet parait évident mais il me pose un gos souci, j'aimerais mettre un icone png a coté d'un court texte.
J'ais donc utilisé float mais l'élément ne se place pas bien et pas comme je le voudrais.


HTML:
 <p>
          <img src="../public/img/premium.png" class="premlogo">
        </p>
          <p>IMAGE DE L'AUTEUR</p>


CSS
.premlogo{float: left;width: 5%;}


Merci a tous ceux qui tenteront de m'aider !
Administrateur
Hello,

Float n'est plus du tout adapté pour placer des éléments les uns à côté des autres (il ne l'a jamais été).
Les solutions les plus pérennes et malléables sont Flexbox et Grid Layout.

L'exemple de Jean-Pierre utilise Flexbox. Il suffit, en substance, d'appliquer un "display: flex" sur le parent de l'image et du contenu.

Bonne journée Smiley smile
upload/1598613215-80762-capture.png Merci a vous deux Smiley biggrin !
en effet j'avais oublié flexbox mais c'est vrais que c'est très pratique !
Modifié par AnderCSS (28 Aug 2020 - 13:13)