Problèmes de puces.

Bonjour,
Étant débutant dans le milieu j'ai un exo a faire j'ai un soucis. Je dois faire une liste de 5 catégorie en <ol>.

J'ai réussi a là faire mais je voudrais augmenter les numéros des puces sans toucher au titres, est mettre un border pour qui passe derriere les numéros.

Je vous postes mon code.

le css:
<style type="text/css">
body{
background-color:black;
font:"MS Serif", "New York", serif;
font-size:14px;
margin:0px;
}
/*bloc Parent.*/
.liste{
color:#FFF;
border-left:1px solid #FFF;
}
/*bloc enfant.*/
.listrong{
padding-left:20px;
margin:0px;
}
</style>

le html :

<ol class="liste">
<li><strong><premier</a>The Netherlands</strong>
<p></p>
<li><strong><deuxième</a>The United States Of America</strong>
<p></p>
<li><strong><troisième</a>The Philipines</strong>
<p></p>
<li><strong><quatrième</a>The United Kingdom</strong>

</ol><!--end de la liste ordonnée-->

Merci encore est désolé si le post a déjà était fait.

Bonjour,

Comme c'est un exercice tu te doutes qu'on ne te donnera pas de réponses toutes prêtes.
Donc déjà pour commencer, sais-tu utiliser un validateur HTML? Parce que là ton code HTML n'est pas valide, il multiplie même les erreurs de syntaxe, d'imbrication, etc.

Je t'invite déjà à te documenter sur les listes en HTML, pour avoir une idée de la structure HTML valide à utiliser.

Merci, pour la réponse. J'ai pu me documenter et avancer. J'ai réussi a comprendre toute mes difficultées même si j'en ai encore. Je vous remercie quand même.
A plus tard.