Voglio iniziare un paragrafo dopo aver inserito 5 spazi e tutte le linee sotto la prima riga devono essere allineate, tutte le righe nel paragrafo devono avere 5 spazi prima che inizi .Impostare il margine sinistro per un paragrafo in html
Sto ottenendo questo paragrafo dal databse.
Voglio un tag HTML che definirà il margine sinistro per un paragrafo completo.
<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>
Questo lo farà, ci sono alcuni miglioramenti ovviamente, ma questo è il punto di partenza. E io uso 'em' come misura, potresti voler usare altre unità, come 'px'.
MODIFICA: Quello che stanno descrivendo sopra è un modo di associare gruppi di stili, o classi, con elementi su una pagina web. Puoi implementarlo in alcuni modi, ecco uno che potrebbe essere adatto a te:
Nella tua pagina HTML, contenente il contenuto taggato <p> dal tuo DB, aggiungi un nuovo nodo 'stile' e avvolgi gli stili che vuoi 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 <p> elementi del documento avrà che regola di stile applicato. Forse stai pompando il contenuto del tuo 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 insieme gli stili 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 ora inseriresti gli stili di tag <p>. Questo concetto è noto come "separare i contenuti dallo stile" ed è considerato una buona pratica, ed è anche un modo estensibile per creare stili e può aiutare con una bassa manutenzione.
Heh, risposta corretta anche prima che avessi terminato la mia elaborazione:) P – danjah
perché non usare solo una lezione? – Breezer
Scusa non ho capito. – Ishan
No, vuoi iniziare a usare css. – weltraumpirat