Encadrement paragraphe en css

Bonjour à tous,

Je suis un débutant en html.

J'ai repris le code suivant :

Code:

---

1 2 3 4 5

<p style="border: 1px solid #aaa;"> blabla1<br/> blabla1<br/> blabla1<br/> </p>

---

ça fonctionne, mais le problème c'est que le cadre prend toute la largeur de la page.
Je voudrais que le cadre s'arrête sur la largeur de mon texte.

Merci,

Willy

Bonjour,

Citation:

---

Envoyé par willytito

Le problème c'est que le cadre prend toute la largeur de la page.
Je voudrais que le cadre s'arrête sur la largeur de mon texte.

---

L'élément <p> est un élément de type block, il faut donc le passer en élément de type inline (ou lui spécifier une largeur) pour qu'il s'adapte en fonctionde son contenu.

Code:

---

<p style="display:inline; border:1px solid #aaa;">...</p>

---

Pour bien apprendre CSS regarde ces excellents tutoriels et cours de formation CSS : http://css.developpez.com/cours/

J'ai testé le code.
Ce n'est pas exactement ce que je veux, mais on y est presque.
Ton code encadre ligne par ligne
Je veux un cadre autour du paragraphe

Merci
Willy

Bonsoir

Je ne comprends pas trop : l'élément p correspond au paragraphe donc ce code devrait bien encadrer chaque paragraphe.

Tu veux dire que si tu as plusieurs lignes dans ton paragraphe, chaque ligne est entourée ?

On peut voir une page en ligne ?

C'est ça, chaque ligne est encadré
ligne 1 encadré
à la ligne
Linge 2 encadré
à la ligne
Ligne 3 encadré

En fait l'encadrement commence à la Ligne 1 et se termine à la Linge 3
Je ne sais pas comment l'expliqué.
Exécute le code et tu verras.

Willy

Citation:

---

Envoyé par willytito

En fait l'encadrement commence à la Ligne 1 et se termine à la Linge 3

---

C'est l'affichage que tu obtiens actuellement ? Si oui c'est celui qui est normal...

Citation:

---

Envoyé par willytito

Je ne sais pas comment l'expliqué.

---

Mets nous une capture d'écran du résultat et une image de ce que tu veux...

Je te donne le code

Code:

---

1 2 3 4 5 6

<p style="display:inline;border: 1px solid #aaa;"> blabla ligne 1<br/> blabla1 blabla ligne 2<br/> blabla1 ligne 3<br/> </p>

---

Résultat :

En fait, je ne sais comment intégrer mon copie écran dans le message

Ce que je veux, pour simplifier, un rectangle avec du texte dedans (Ligne 1, à la linge, ligne 2, ...)

Willy

Oui ok je comprends mieux...

Et avec une taille fixe à ton paragraphe cela ne te conviens pas ?

Code:

---

1 2 3 4 5

<p style="width:100px;border: 1px solid #aaa;"> blabla1<br/> blabla1<br/> blabla1<br/> </p>

---

C'est exactement ce qu'il me faut
Merci beaucoup !
Je vais en profiter pour lire le cous sur le CSS