Heim >Web-Frontend >HTML-Tutorial >html li中标签i和em问题,_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:53:061351Durchsuche

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;}

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn