P标签与图片的距离太大

首页课程实战体系课手记专栏慕课教程

P标签与图片的距离太大

来源：4-11 编程练习

qq_Uglypoorpric_0

2020-11-29 22:28:18

# 具体遇到的问题
总觉得哪里不对,觉得我写的很笨,觉得代码量也很大,反复的写,很繁琐,请老师过目

# 报错信息的截图

# 相关课程内容截图
代码都在下面了
# 尝试过的解决思路和结果
试过很多办法想让P标签文字与图片之间的距离缩小一点,但是没效果
# 粘贴全部相关代码，切记添加代码注释（请勿截图）

<!DOCTYPE html>
<html>
<head>

<style>
#big{
float:left;
border:1px dashed gray;
padding:10px;

}
#d1{
float:left;
margin:10px;
border:1px solid gray;
}
#d2{
float:left;
margin:10px;
border:1px solid gray;
}
#d3{
float:left;
margin:10px;
border:1px solid gray;
}
#d4{
float:left;
margin:10px;
border:1px solid gray;
}
#d5{
float:left;
margin:10px;
border:1px solid gray;
}
#d6{
float:left;
margin:10px;
border:1px solid gray;
}
img{
vertitcal-align:bottom;
}
</style>
</head>
<body>

<div id="big">
<div id="d1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
<div id="d2">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
<div id="d3">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
<br>
<div id="d4">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
<div id="d5">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
<div id="d6">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
</div>
</body>
</html>