Bonjour à tous,

Je suis débutante avec le langage HTML/ CSS et j'ai beaucoup de mal avec le CSS en particulier. j'ai donc décidé de m'entrainer sauf que je rencontre plusieurs problèmes:
1. Mon texte tout en haut est décalé sur la droite, or je veux qu'il soit plaqué sur la gauche, comme sur une page normal, comme pour la ligne "né le..". Il s'agissait d'une liste à puce initialement.

2. Enfin, dans mes titres/bordures, je voudrais que mon texte soit décalé à la fois à droite et à gauche, pour ne pas le coller aux bordures, je n'ai réussis que la droite.

Je suis perdu, j'ai essayé plusieurs manipulations, me suis renseignée sur plusieurs sites spécialisées, mais rien à faire... Je vous serais très reconnaissante si vous pouviez m'aider, je perds espoir. Je suis sûre que ce ne soit pas être si compliqué que ça pourtant... Je joins mon code CSS.

Merci beaucoup,
Elo21000

Tu dois appliquer un reset des CSS du navigateur je pense.
Essayes avec * {margin: 0; padding: 0}
Si cela fonctionne, applique un reset plus élaboré

Bonjour,
 
Cela serait vraiment plus simple avec le code HTML.
 
Pour le point #3 je ne suis pas certain de comprendre ce qui est à droite ou à gauche, mais si le texte n'est pas centré par rapport à l'élément c'est à cause de l'utilisation de text-indent qui ajoute à décalage à gauche du texte. Tout ça devrait pouvoir se gérer uniquement avec les différentes composantes du padding (haut, droite, bas et gauche).
 
Pour les titres h1 et h2 je ne vois pas l'intérêt d'utiliser un display inline-block. Pourquoi mélanger dans le document les unités em et px ? Mieux vaut rester cohérent quand c'est possible. Les écarts verticaux sont causés par la valeur CSS par défaut du margin des titres h1 et h2, il suffit de l'ajuster.
 
Pour le premier point, cela est possiblement aussi causé par la valeur CSS par défaut du padding des listes.

Bonjour,
Merci pour vos réponses, j'ai finalement trouvé. Il fallait que j'utilise la balise padding et margin et de changer inline block en inline;
 
Bonne journée.