html li中标签i和em问题,_html/css_WEB-ITnose
程序员文章站
2022-05-26 21:12:50
...
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等属性,但是好像都没有效果,不知道问题出在哪里了。
第一次发帖,上传图片一直不成功,只能文字描述结果,大家将就一下!
希望大家交流指导,多谢了!
- *学习:主要学习内容必填项
......
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;}
上一篇: PHP中exec与system用法区别分析_php技巧
下一篇: 一个PHP变量赋值的问题
推荐阅读
-
HTML5中语义化 b 和 i 标签
-
CSS 中 px 和 em_html/css_WEB-ITnose
-
彻底弄懂css中单位px和em,rem的区别_html/css_WEB-ITnose
-
ul中li的问题_html/css_WEB-ITnose
-
彻底弄懂css中单位px和em的区别_html/css_WEB-ITnose
-
jquery ui 的dialog样式问题求助!!!右上角的关闭和右下角的控制大小的都和demo中的不一样!_html/css_WEB-ITnose
-
html中meta标签有问题_html/css_WEB-ITnose
-
彻底弄懂css中单位px和em的区别_html/css_WEB-ITnose
-
html li中标签i和em问题,_html/css_WEB-ITnose
-
li和背景图片错位问题_html/css_WEB-ITnose