关于无序列表的dd标签使用问题(小白问题)
今天敲了一段关于无序列表的代码,在完成代码后发现了一个问题不能解决:使用dd标签后dd标签所在行的字体大小不能调整的更小!!
此图为效果图,预计设计效果如上。
这张是我自己敲的效果图,问题部位已经圈起来了。该部位字体想调整的更小,但是不能实现。
代码如下:
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
*{margin: 0px;}
body{ background: #000;}
div{ width: 1100px;height: 70px;background: #fff;margin: auto;color: #000;}
div .t1{float: left;}
div ul li img{ padding-top: 20px;line-height: 40px;padding-left: 10px;}
div ul li{list-style: none;float: left;}
dl {list-style:none;}
div ul li dl dt{fon