虚线Html跨度

Question

我在这里有一个用html编码的菜单,但是我需要一个虚线来划分名称和价格,我将如何在这里做到这一点？我有点失落哈哈.

你可以在这里看到它.

http://mystycs.com/menu/menuiframe.htm

我知道我可以使用css来做到这一点,但我怎么会在这两者之间达到它.

谢谢=)

Answer 1

<style type="text/css">
 .menugroup{
    width:100%;
 }    


 .itemlist{
        list-style-type: none;
 }

 .seperator{
        margin: 5px; 
        width:50%; 
        border-bottom: 1px dotted #000
 }

</style>


<div class="menugroup">

   <ul class="itemlist">
      <li>item name<span class="seperator"></span>price</li>
   </ul>

</div>