css - div 标签在文本中间创建了一个间隙

Question

我是 HTML 和 CSS 的新手，也是第一次在这里发帖。我到处寻找我的问题，但无法找到解决方案。

这是页面：http ://www.nursingassistantdegree.com/break-the-cycle-of-single-mom-poverty-by-earning-a-certified-nursing-assistant-degree/

注意句子“Working Minimum Wage...”被分解（在 HTML 中 img div 开始的地方）。我想删除那个空间，这样“最低工资”就在“助理学位”的正下方。如果您注意到图像下方的文本会很好地融合在一起。

这是CSS编码（注意：我已经调整了所有的边框和边距的数字）：

.picture { 
    background-color: #cee4fa;
    border: 3px solid #cee4fa; padding: 3px;
    font: 11px/1.4em Arial, sans-serif; align:right
}
.picture img { 
    border: 1px solid #cee4fa;
    vertical-align:middle; margin-bottom: 3px;
}
.right { margin: 0.5em 0pt 0pt 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; }

这是HTML：

".... you need to be in. Working <div class="picture right"  style="width:402px;">
<img src="http://www.nursingassistantdegree.com/wp-
content/uploads/2013/05/CertifiedNursingAssistantDegree.jpg" width="400" height="267"
align="right" alt="Certified Nursing Assistant Degree"/>Photo Courtesy of Felbry
College</div><p align="justify">minimum wage is never going....."

你能提供的任何信息都会很棒！谢谢！

Answer 1

padding: 10px从中删除.bodyconMiddleInnerLBoxThree p

目前

.bodyconMiddleInnerLBoxThree p {
    padding: 10px 0;
}

改成

.bodyconMiddleInnerLBoxThree p {
    padding: 10px 0 0 0;
}

Answer 2

p 元素中有一个额外的填充：

尝试将其更改为：

.bodyconMiddleInnerLBoxThree p {
font: normal 15px/18px "Myriad Pro";
color: #37383A;
}