Comment puis-je remplir l'espace restant lorsque je fais face à un ul en ligne?

Question

J'ai utilisé ce CSS pour faire mes ULs look élégant

ul, li 
{ 
    padding: 0px; 
    margin-left: 0px; 
    margin-bottom: 0px; 
    display: inline; 
} 

li 
{ 
    border: solid 1px #333333; 
    margin-right: 5px; 
    padding: 2px; 
    background-color: #222222; 
    color: #999999; 
} 

Je voudrais avoir une finale, un élément de liste vide qui a le même style graphique remplir l'espace restant sur la ligne. Quelque chose comme

[point A] [point B] [point C] [------ grand vide ----------]

Est-il possible de comprendre comment beaucoup d'espace vous reste-t-il? Pourriez-vous définir l'un des éléments de la liste pour avoir une largeur de 100% ou quelque chose?

Merci,

Answer 1

Vous pouvez utiliser une couleur d'arrière-plan/image sur l'UL, et faire l'UL et LIs la même hauteur pour donner cet effet