Sentence Outline

Using HTML lists does that automatically. See

https://www.w3schools.com/html/html_lists.asp

and for CSS relevant to lists:

https://www.w3schools.com/css/css_list.asp

WPyogi,

Thanks for your quick response. I am still working on trying out the w3schools.com tutorials, but have yet been able to see how to make the second and third line of a subtopic sentence line-up with the first line of the subtopic. Example:

1. Land – includes surface, mineral, air and water rights. Mineral rights transfer automatically when land is sold. A land owner also has water rights. These water rights include the right to make reasonable and appropriate use of water on, under, or adjacent to the land.

My goal is to have the second line begin directly beneath the “L” in Land.

I am hoping you can tell me how easy this is to do.

Thanks again.

John

Oh, sorry I did not understand your question initially. You will still likely want to use nested lists, but to line up the text “inside” the numbers (or other markers) you need to use the CSS code “list-style-position: outside;” which puts the numbers or bullets outside of the list content (inside is the default).

So as an example:

<h4>My Ordered List</h4>
<ol class="mylist">
  <li>Land - includes surface, mineral, air and water rights. Mineral rights transfer automatically when land is sold. A land owner also has water rights. These water rights include the right to make reasonable and appropriate use of water on, under, or adjacent to the land.</li>
</ol>

CSS would be:

ol.mylist {
   list-style-position: outside;
}

Wpyogi,

Thanks again, I will try your new suggestion.

John