Listengestaltung

<ol>
	<li>Lorem<br />
		ipsum dolor
		<ol>
			<li>Sit amet<br />
				consectetur adipisicing elit</li>
		</ol>
	</li>
</ol>

*   { padding: 0; margin: 0; }
html{ background: silver; }
body{ background: aqua; margin-left: 50px; }
ol  { background: lime; }
li  { background: olive; text-indent: 0; list-style-position: outside; display: list-item; }
pre { background: red; }

1. Lorem
   ipsum dolor
   1. Sit amet
      consectetur adipisicing elit

ol { margin-left: 2.5em; }

1. Lorem
   ipsum dolor
   1. Sit amet
      consectetur adipisicing elit

ol { padding-left: 2.5em; }

1. Lorem
   ipsum dolor
   1. Sit amet
      consectetur adipisicing elit

li { margin-left: 2.5em; }

1. Lorem
   ipsum dolor
   1. Sit amet
      consectetur adipisicing elit

li { padding-left: 2.5em; }

1. Lorem
   ipsum dolor
   1. Sit amet
      consectetur adipisicing elit

ol { margin-left: 2.5em; }
li { margin-left: 2.5em; }

1. Lorem
   ipsum dolor
   1. Sit amet
      consectetur adipisicing elit

ol { margin-left: 2.5em; }
li { margin-left: 2.5em; padding-left: 2.5em; }

1. Lorem
   ipsum dolor
   1. Sit amet
      consectetur adipisicing elit

li { list-style-position: inside; }

1. Lorem
   ipsum dolor
   1. Sit amet
      consectetur adipisicing elit

li { text-indent: -2.5em; }

1. Lorem
   ipsum dolor
   1. Sit amet
      consectetur adipisicing elit

li { text-indent: 2.5em; }

1. Lorem
   ipsum dolor
   1. Sit amet
      consectetur adipisicing elit