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

WBOY
Lepaskan: 2016-06-24 11:53:06
asal
1317 orang telah melayarinya

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;}
Salin selepas log masuk

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan