Så indrar du text med HTML

Non-breaking Spaces

HTML‑tecknet för icke‑avslutande mellanslag ( ) fungerar som mellanslagstangenten på ditt tangentbord. För att indra fem mellanslag placerar du bara       framför texten. Exempel:

     Din indragna text

Block Quote‑taggen

HTML‑taggen <blockquote> indrar varje rad i blocket. Den är avsedd för citat, men kan också användas för att skapa en enkel indragning. För att ta bort de som standard visas kan du lägga till inline‑CSS:

Din indragna text

<pre>‑taggen

Med <pre> behåller webbläsaren exakt hur du skriver in tecknen, inklusive mellanslag och tabbar. Du kan därför placera hur många som helst av dessa innan varje rad. Tänk på att vissa HTML‑redigerare konverterar tabbar till mellanslag, och antalet mellanslag som visas kan variera mellan redigerare och webbläsare.

Indragning med CSS

Det mest flexibla sättet är att använda CSS‑egenskaperna text-indent och margin-left. Med text-indent indrar du bara den första raden i ett stycke:

<p style="text-indent:10px;">Detta stycke indrar första raden med 10 pixlar.</p>

Om du vill indra hela stycket kan du använda margin-left:

<p style="margin-left:10px;">Detta stycke indrar alla rader med 10 pixlar.</p>

För att göra detta globalt i dokumentet kan du lägga till följande i ett internt eller externt stylesheet:

p {
    text-indent: 10px;
    /* eller */
    margin-left: 10px;
}

URL:https://sv.whycomputer.com/internet/1014004082.html