HTML li、_html/css_WEB-ITnose の i タグと em タグの問題

htmlコード：＆lt; div id = "table"; i＆gt;

float:left;
font-size:14px;

#tabel ul li i{
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;}