Indented text within a list

Giganews Newsgroups
Subject: Indented text within a list
Posted by:  destiā€¦@gmail.com (desti…@gmail.com)
Date: Sun, 7 Oct 2018

I have a list like so:

<ul>
<li>2017 &mdash; Lorem ipsum blah blah blah blah blah blah blah blah blah.<=
/li>
<li>2018 &mdash; Lorem ipsum blah.</li>
</ul>

This currently displays like this:

* 2017 =E2=80=94 Lorem ipsum blah blah blah blah=20
  blah blah blah blah blah.
* 2018 =E2=80=94 Lorem ipsum blah.

(Text wraps flush left under =E2=80=9C2017=E2=80=9D.)

What I=E2=80=99m after is for it to wrap like this:

* 2017 =E2=80=94 Lorem ipsum blah blah blah blah=20
                blah blah blah blah blah.
* 2018 =E2=80=94 Lorem ipsum blah.

(Text wraps indented, under =E2=80=9CLorem=E2=80=9D.)

Ideally I=E2=80=99d like to be able to do this as well:

* 2017 =E2=80=94 Lorem ipsum blah blah blah blah
                blah blah blah blah blah.
          =E2=80=94 Lorem ipsum blah blah blah blah
                blah blah..
* 2018 =E2=80=94 Lorem ipsum blah.

The actual list I=E2=80=99m working with is longer and doesn=E2=80=99t have=
an entry for every year, whilst other years have multiple entries.

In QuarkXPress you can enter a special hidden character that forces the ind=
enting of all lines of text from that point to the next paragraph return. I=
n the example above this special hidden character would go before the =E2=
=80=9CL=E2=80=9D to force all wrapped lines to indent below the L. This is =
what I=E2=80=99m after in CSS =E2=80=94 does such a thing exist, or somethi=
ng similar? It=E2=80=99s important to me that any solution works with scree=
n readers, and if the user massively increases their font size the alignmen=
t should still be right.

Thank you in advance!
Melissa

Replies