++REPOST from Neighbour
Improve Indent yg berbeda KHUSUS Baris Pertama

on

BEFORE (without CSS):

1. MY NAME IS ANDREAS
LIVE IN MEDAN

Both lines start at the same left edge after the number.

AFTER (with text-indent: -20px; padding-left: 20px; applied to the <li>):

  1. MY NAME IS ANDREAS
    LIVE IN MEDAN

The second (wrapped) line is indented, creating a “hanging indent” effect.

Explanation:

  • padding-left: 20px; moves the entire content of the list item 20px to the right.
  • text-indent: -20px; moves the first line 20px back to the left, so it aligns perfectly with the number.
  • All additional (wrapped) lines remain indented by 20px.

This technique is commonly used for lists and bibliographies to make multi-line items visually aligned and easier to read.

Comments

Post a Comment