自己一直是搞后端开发的,偶然接手一个项目,自己制作了一个比较简单的html页面,发现了一个问题,a标签包含img标签后,对齐方式改变了,纳闷了许久,最终还是解决了。
<html>
<head>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
ul{
list-style: none;
}
ul li{
float: left;
width: 200px;
margin-left: 100px;
margin-top: 70px;
}
.banner{
width: 100%;
height: 100px;
background-color: #DC483A;
}
.bannerOpt{
padding-top: 50px;
padding-right: 20px;
}
.bannerOpt a{