Bonjour à tous,

J'essaie de mettre un petit padding sur le left et right de mon formulaire pour que la bordure soit quasiment collé au formulaire, mais j'ai essayé plein de fois différèrement mais le padding prend toujours toute la taille de la page et je n'arrive pas à comprendre pourquoi :/

Je vous joint mon code et une capture d'écran.

Merci d'avance pour votre aide !

Ps: on m'a conseillé de placer un display: inline-block sur mon formulaire. J'ai essayé mais ça n'a rien changé

/*Contact*/


#Contact
{
	margin-top: 500px;
	text-align: center;
	margin-bottom: 100px;
	border: black solid;
	padding: 0;
}

#Contact h2
{
	margin-bottom: 20px;
	margin-top: 20px;
}

input
{
	margin-bottom: 10px;

}

form
{
	margin-bottom: 20px;
	display: inline-block;
	padding: 0px;

}

/*Footer*/

footer
{
background-color: black;
height: 200px;
}

footer ul
{
	text-align: center;
	margin-bottom: 50px;
	color: white;
	padding-top: 50px;

}

footer li
{
	margin-bottom: 10px;
}

Bonsoir, quel est le HTML correspondant?

Si tu veux une bordure sur ton formulaire pourquoi la placer sur #contact ?

Connais tu la balise  <fieldset>   ? Je pense que c'est ce que tu cherches.

Sinon spécifier une largeur sur l'élément qui possède la bordure.

-
Edité par ChrisLebure 20 mai 2022 à 8:38:47

Bonsoir,

en effet le inline-block a fonctionné je l'avais placé au mauvais endroit. Merci beaucoup !

Je ne connaissais pas la balise <fieldset> merci !