Imposta il margine sinistro per un paragrafo in html

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

  •  12-10-2019
  •  | 
  •  

Domanda

Voglio iniziare un paragrafo dopo aver messo 5 spazi e tutte le linee sotto la prima linea dovrebbe entrare in linea retta, Voglio dire tutte le righe nel paragrafo dovrebbe avere 5 spazi prima del suo inizio.

io sono sempre presente paragrafo da databse.

Voglio un tag HTML che definirà margine sinistro per un paragrafo completo.

È stato utile?

Soluzione 

<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>

Che farò, c'è qualche miglioramento, ovviamente, ma questo è le basi. E io uso 'em' come la misurazione, si consiglia di utilizzare altre unità, come 'px'.

EDIT: Quello che stanno descrivendo sopra è un modo di associare gruppi di stili, o classi, con elementi di una pagina web. È possibile implementare che in alcuni modi, ecco uno che può soddisfare voi:

Nella pagina HTML, che contiene la <p> etichettato contenuto dal aggiuntivo DB in un nuovo nodo 'stile' e avvolgere gli stili che si desidera di dichiarare in una classe in questo modo: 

<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>

Così sopra, tutti gli elementi <p> del documento avrà che regola di stile applicato. Forse si sta pompando sul suo sito web il paragrafo in un contenitore di qualche tipo? Prova questo: 

<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>

Nel precedente esempio, solo l'elemento <p> all'interno del div, la cui classe nome è 'contenitore', avrà gli stili applicati -. E non l'elemento <p> di fuori del contenitore

In aggiunta a quanto sopra, è possibile raccogliere gli stili insieme e rimuovere l'elemento di stile dal tag <head>, sostituendolo con un tag <link>, che punta a un file CSS esterno. Questo file esterno è dove si sarebbe ora mettete i vostri stili di tag <p>. Questo concetto è noto come 'separa il contenuto da stile' ed è considerato una buona prassi, ed è anche un modo estendibile per creare stili, e può aiutare a bassa manutenzione.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top