En HTML-indrag (HyperText Markup Language) är antingen en tagg eller en CSS-egenskap (Cascading Style Sheet) som gör att ett eller flera visuella element på en webbsida flyttas ett visst avstånd från marginalen på dess begränsningsblock. Effekten av att använda ett HTML-indrag är densamma som att använda indrag i tryck. Det mest accepterade sättet att infoga en indrag i ett HTML-dokument är att använda CSS för att ändra egenskapen text-indent för stycket som innehåller texten. Vissa formateringssatser, som listor och blockcitat, drar automatiskt in sitt innehåll för att skilja dem från den omgivande texten. Att använda CSS för att infoga ett HTML-indrag fungerar bara på första raden i stycket och fungerar inte på ett helt block, vilket kan uppnås med olika formateringsegenskaper.
Hur HTML-standarden fungerar, flera mellanslag och tabbtecken som används på de flesta datorer för att skapa indrag tas bort från filer innan koden tolkas för att visas. Detta innebär att text som visas formaterad i en ordbehandlare inte kommer att behålla den formateringen om den klistras in direkt i ett HTML-dokument, om inte texten klistras in i ett HTML-redigeringsprogram vad-du-ser-är-vad-du-får (WYSIWYG). För att ha en indrag för första raden i ett stycke, eller för att dra in ett helt textblock, måste speciell HTML- och CSS-kod användas.
Egenskapen text-indent för element på blocknivå i CSS kommer att dra in det första oformaterade, renderade objektet i ett block. Mängden för indraget måste anges numeriskt. Alternativet låter användaren ange ett nummer som talar om för webbläsaren hur många pixlar, punkter, centimeter eller andra former av mått som linjen ska dras in. Detta nummer kan också vara en procentandel av blockets totala bredd. Det här CSS-alternativet fungerar bara på blocknivå, drar bara in den första raden och fungerar inte på objekt som redan har en fördefinierad typ av formateringsbeteende, till exempel punktlistor.
Ett hängande HTML-indrag är motsatsen till ett standardindrag och drar den första raden i ett block bakåt så att den återges till vänster om resten av styckets rader när texten är justerad för att läsas från vänster till höger. Samma text-indent-egenskap används för ett hängande HTML-indrag, förutom att siffran för mängden indrag är negativ. Den här metoden fungerar bara om marginal- och kantvärdena för ett block är tillräckligt stora för att innehålla det hängande indraget.
Det är möjligt att definiera ett HTML-indrag som flyttar ett helt block eller stycke. Detta kan göras med flera CSS-egenskaper på blocknivå, inklusive att ändra marginalerna eller placera containerblocket djupare in på en sida. Det kan också uppnås med grundläggande HTML-taggar som blockquote eller pre, som står för förformaterad text. Nackdelen med att använda grundläggande taggar för att skapa ett HTML-indrag är att mängden texten som ska flyttas inte kan kontrolleras eller uttryckligen ställas in.