Question

我是HTML和CSS的新手，也是这里的第一次海报。我查看了我的问题并且无法找到解决方案。

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

注意句子＆＃34;工作最低工资......＆＃34;被分解（在img div开始的HTML中）。我想删除那个空间，以便＆＃34;最低工资＆＃34;直接位于＆＃34;助理学位＆＃34;。如果您注意到图像下方的文本只是很好地流动在一起。

这是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;
}

Div标签在文本中间创建了一个间隙

2 个答案: