Définir la marge gauche pour un paragraphe en html

StackOverflow https://stackoverflow.com/questions/4507030

  •  12-10-2019
  •  | 
  •  

Question

Je veux commencer un paragraphe après avoir mis 5 places et toutes les lignes sous la première ligne doit entrer en ligne droite, Imean toutes les lignes du paragraphe devrait avoir 5 places avant qu'il ne commence.

Je reçois ce paragraphe de databse.

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

Était-ce utile?

La solution 

<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 quelques améliorations évidemment, mais ce sont les bases. Et j'utilise 'em' comme la mesure, vous pouvez utiliser d'autres unités, comme 'px'.

EDIT: Ce qu'ils décrit ci-dessus est un moyen d'associer des groupes de styles, ou des classes, avec des éléments sur une page Web. Vous pouvez mettre en œuvre que dans quelques façons, en voici une qui peut vous convenir:

Dans votre page HTML contenant le contenu de votre <p> marqué DB ajouter dans un nouveau nœud « style » et envelopper les styles que vous voulez 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>

ci-dessus, tous les éléments <p> dans votre document aura cette règle de style appliqué. Peut-être que vous pompez le contenu de votre paragraphe dans un contenant de quelque sorte? Essayez ceci: 

<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, seul l'élément <p> à l'intérieur du div, dont le nom de classe est « conteneur », aura les styles appliqués -. Et non l'élément <p> extérieur du conteneur

En plus de ce qui précède, vous pouvez rassembler vos styles et de supprimer l'élément de style de la balise de <head>, en le remplaçant par une étiquette de <link>, qui pointe vers un fichier CSS externe. Ce fichier externe est l'endroit où vous souhaitez maintenant mettre vos styles de balises de <p>. Ce concept est connu comme « le contenu du seperating style » et est considéré comme une bonne pratique, et est aussi un moyen extensible pour créer des styles, et peut aider à faible entretien.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top