Uitlijning titel bij ul en ol

Status
Niet open voor verdere reacties.

Aloneal

Gebruiker
Lid geworden
12 nov 2011
Berichten
168
Hallo,

Ik heb nog een vraagje over ul ol en li. Ik heb het maar even in een apparte topic gezet.

Ik wil graag de vertikale uitlijning van voorbeeld 1 en de horizontale uitlijning van voorbeeld 2 op testpagina: http://www.aejlhs.com/testpagina.html

CSS en html:

<style type="text/css">
h7 {
font-size: 14px;
font-weight: bold;
margin: 0;
}
ol {
margin: 0;
padding: 0 0 0 25px;
}
ul {
margin: 0;
padding: 0 0 0 25px;
}
li {
margin: 0;
padding: 0 0 0 20px;
}

</style>

</head>

<body>

<p>
Ik wil graag de horizontale uitlijning van voorbeeld 1 maar de vertikale uitlijning van voorbeeld 2.
</p>
<p>
<H7>Voorbeeld 1</H7>
<ol>
<li>Tekst.</li>
<li>Tekst. </li>
</ol>
</p>
<p>
<ol>
<H7>Voorbeeld 2</H7>
<li>Tekst.</li>
<li>Tekst. </li>
</ol>
</p>

</body>
</html>


---edit---

Dit probleem is opgelost. Ik heb de boel tussen div's gezet met de <p> buiten de <div>
 
Laatst bewerkt:
En nog een toevoegende vraag:

Het valt mij op dat <ol> de cijfers rechts uitlijnt. MS Word doet dat bijvoorbeeld link.

Hoe kun je de <ol> zo uitlijnen dat hij dat links doet (net als bij MSWord)? Anders krijgen de enkele cijfers zoveel witruimte links, alleen maar zodat een drievoudig cijfer niet in de 'border' komt te staan...
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan