28173 sujets

CSS et mise en forme, CSS3

Comment bien encadrer son texte ?

Bonjour,

j'essaie de m'expliquer :

j'ai un texte dans un paragraphe :

<p class="note">voici mon texte
qu'il est beau</p>


et j'aimerai qu'il apparaisse comme dans un cadre :

.note {
background-color:#FFFFCC;
border:1px dotted #CCCCCC;
padding:0.5em;
}


Mon problème est que la largeur de mon cadre occupe toute la largeur disponible dans la page Smiley bawling (de son conteneur parent en faite).

Est-il possible de faire en sorte qu'il englobe parfaitement mon texte selon la longueur de celui-ci ?

Et que cette longueur s'adapte à la longueur du texte (longueur non fixe) ?


Merci beaucoup de votre aide... Smiley cligne
En faisant çà c'est pas mieux ? :


<p>[b]<span class="note">[/b]voici mon texte qu'il est beau[b]</span>[/b]</p>


Tu ne changes rien à ton CSS.



Une autre solution peut-être plus propre en ne changeant que le CSS:


.note {
background-color:#FFFFCC;
border:1px dotted #CCCCCC;
padding:0.5em;
[b]display : inline ;[/b]
}


Et voilà, le résultat est le même.
une div ou tout element de type bloc prend 100% de la largeur si tu ne lui indique pas de taille
Sujet clos
Aller à