html li中标签i和em问题，_html/css_WEB-ITnose

html代码：

    

        
• *学习：主要学习内容必填项

        ......
   

css代码
#tabel ul li{
    width:800px;
    float:left;
}

#tabel ul li span{ 
    width:80px;
    float:left;
   display:inline-block;
    font-size:14px;
    margin-top:10px;
}

#tabel ul li i{ 
    width:50px;
    margin-left:10px;
}

#tabel ul li em{ 
    width:300px;
}

结果：（1）*学习：（2）主要学习内容  （3）必填项 不在同一水平上，（2）和（3）在同一水平上，但是比（1）高一些，所以看起来不舒服，尝试过调整css中#tabel ul li i和#tabel ul li em属性中top、border-top等属性，但是好像都没有效果，不知道问题出在哪里了。
第一次发帖，上传图片一直不成功，只能文字描述结果，大家将就一下！
希望大家交流指导，多谢了！

回复讨论(解决方案)

#table ul li{    width:800px;    float:left;}#table ul li span{     width:80px;   display:inline-block;    font-size:14px;}#tabel ul li i{     width:50px;    margin-left:10px;	}#table ul li em{     width:300px;}