web-dev-qa-db-fra.com

Définir la marge gauche d'un paragraphe en html

je veux commencer un paragraphe après avoir mis 5 espaces et toutes les lignes sous la première ligne doivent venir en ligne droite, toutes les lignes du paragraphe doivent avoir 5 espaces avant de commencer.

Je reçois ce paragraphe de la base de données.

Je veux une balise Html qui définira la marge gauche pour un paragraphe complet.

htmlparagraphs
8
Ishan
<p style="margin-left:5em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet. Phasellus tempor nisi eget tellus venenatis tempus. Aliquam dapibus porttitor convallis. Praesent pretium luctus orci, quis ullamcorper lacus lacinia a. Integer eget molestie purus. Vestibulum porta mollis tempus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>

Ça va le faire, il y a évidemment quelques améliorations, mais ce sont les bases. Et j'utilise 'em' Comme mesure, vous voudrez peut-être utiliser d'autres unités, comme 'px'.

EDIT: Ce qu'ils décrivent ci-dessus est un moyen d'associer des groupes de styles ou de classes avec des éléments sur une page Web. Vous pouvez l'implémenter de plusieurs manières, en voici une qui pourrait vous convenir:

Dans votre page HTML, contenant le contenu balisé <p> De votre base de données, ajoutez un nouveau nœud "style" et encapsulez les styles que vous souhaitez déclarer dans une classe comme ceci:

<head>
  <style type="text/css">
    p { margin-left:5em; /* Or another measurement unit, like px */ }
  </style>
</head>
<body>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet.</p>
</body>

Donc, ci-dessus, tous les éléments <p> De votre document auront cette règle de style appliquée. Peut-être que vous pompez le contenu de votre paragraphe dans un conteneur quelconque? Essaye ça:

<head>
  <style type="text/css">
    .container p { margin-left:5em; /* Or another measurement unit, like px */ }
  </style>
</head>
<body>
  <div class="container">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet.</p>
  </div>
  <p>Vestibulum porta mollis tempus. Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
</body>

Dans l'exemple ci-dessus, seuls les éléments <p> À l'intérieur du div, dont le nom de classe est "conteneur", auront les styles appliqués - et pas l'élément <p> À l'extérieur du conteneur.

En plus de ce qui précède, vous pouvez collecter vos styles ensemble et supprimer l'élément de style de la balise <head>, En le remplaçant par une balise <link>, Qui pointe vers un fichier CSS externe. Ce fichier externe est l'endroit où vous placez maintenant vos styles de balises <p>. Ce concept est connu comme "séparer le contenu du style" et est considéré comme une bonne pratique, et est également un moyen extensible de créer des styles, et peut aider à une maintenance réduite.

14
danjah