[Déchet] Qui s'y CONNAÎT en HTML ULTRA-BASIQUE ? Besoin d'AIDE

Voilà, je suis en train de faire le site le plus basique du monde, avec html et css, et j'ai besoin de votre aide

Quand je mets mon texte dans la balise <p></p>, ça part jusqu'à l'autre bout de la page et ça donne un rendu dégueulasse.

Je cherche à ce que ça fasse un retour à la ligne plus tôt, ou en d'autres termes, j'aimerais qu'il y ait une marge à droite qui permette de faire ça

Des idées ?

Si c'est pas assez clair, je reformule avec un exemple concret.

Ce que j'ai sur le site, c'est ça :

blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla

Or, j'aimerais que ça fasse quelque chose qui ressemble plutôt à ça :

blablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablabla

Des idées ?

CSS

.p{
margin-left : 20px
margin-right : 20px}

Je up pour aider mon frère déscolarisé

Le 03 mai 2021 à 12:20:36 Rick_and_morty a écrit :
CSS

.p{
margin-left : 20px
margin-right : 20px}

Dans mon CSS j'ai ça :
p { break-after: column;
text-align: justify;}

Je peux ajouter tes "margin-quelquechose" à ça, ou il faut que j'écrive une nouvelle balise ?

Juste margin-right en faithttps://image.noelshack.com/fichiers/2017/17/1493424579-kif-3.png

En sale, <p style="margin-right:5%;"> blabla </p>

Va sur w3schools, t'as plein de code basique pour les menus, mise en page... C'est le top pour débuter.

[12:22:40] <Trap2Poche>

Le 03 mai 2021 à 12:20:36 Rick_and_morty a écrit :
CSS

.p{
margin-left : 20px
margin-right : 20px}

Dans mon CSS j'ai ça :
p { break-after: column;
text-align: justify;}

Je peux ajouter tes "margin-quelquechose" à ça, ou il faut que j'écrive une nouvelle balise ?

Met le dedanshttps://image.noelshack.com/fichiers/2017/17/1493424579-kif-3.png

Le 03 mai 2021 à 12:22:59 Heterocentrique a écrit :
Juste margin-right en faithttps://image.noelshack.com/fichiers/2017/17/1493424579-kif-3.png

En sale, <p style="margin-right:5%;"> blabla </p>

Ok y'a moyen d'intégrer ça dans le CSS ? J'ai 25 balises <p> dont ça va être casse couille

[12:23:58] <Trap2Poche>

Le 03 mai 2021 à 12:22:59 Heterocentrique a écrit :
Juste margin-right en faithttps://image.noelshack.com/fichiers/2017/17/1493424579-kif-3.png

En sale, <p style="margin-right:5%;"> blabla </p>

Ok y'a moyen d'intégrer ça dans le CSS ? J'ai 25 balises <p> dont ça va être casse couille

Voir au dessushttps://image.noelshack.com/fichiers/2017/17/1493424579-kif-3.png

Le 03 mai 2021 à 12:23:58 :

Le 03 mai 2021 à 12:22:59 Heterocentrique a écrit :
Juste margin-right en faithttps://image.noelshack.com/fichiers/2017/17/1493424579-kif-3.png

En sale, <p style="margin-right:5%;"> blabla </p>

Ok y'a moyen d'intégrer ça dans le CSS ? J'ai 25 balises <p> dont ça va être casse couille

un vdd la fait, tu l'ajoute à la suite et/ou remplace ce que tu as déjà dedans

Le 03 mai 2021 à 12:20:36 Rick_and_morty a écrit :
CSS

.p{
margin-left : 20px
margin-right : 20px}

Merci l'ami, j'ai augmenté le nombre de px et ça a l'air de marcher.

Le 03 mai 2021 à 12:23:16 BaronDuBitcoin a écrit :
Va sur w3schools, t'as plein de code basique pour les menus, mise en page... C'est le top pour débuter.

J'ai ni le temps ni l'envie de faire ça mais merci quand même

ça donne :

p {
break-after: column;
text-align: justify;
margin-left : 20px;
margin-right : 20px;
}