2013-05-31 64 views
0

我是HTML和CSS的新手,第一次在這裏發佈海報。我仔細查看了我的問題,無法找到解決方案。Div標籤正在創建文字中間的空白

這是網頁:http://www.nursingassistantdegree.com/break-the-cycle-of-single-mom-poverty-by-earning-a-certified-nursing-assistant-degree/

通知了一句「工作最低工資......」被分解(在作爲IMG的div開始在HTML)。我想刪除這個空間,以便「最低工資」直接在「助理學位」之下。如果您注意到圖像下方的文字恰好流動在一起。

這裏是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....." 

任何信息可以提供會很好!謝謝!

回答

0

有一個在p元素的微胖:

試圖改變它爲:

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

非常感謝!完美工作! – user2441792

+0

@ user2441792-非常歡迎。很高興它爲您提供幫助。 – coder

+0

極其重要的是,我花了幾個小時在哈哈上。我實際上只是發佈了一個新的幫助主題,如果你想試一試以及:-) http://stackoverflow.com/questions/16897917/reconfiguring-an-api-feed-to-match-from-another-page – user2441792

0

.bodyconMiddleInnerLBoxThree p

刪除padding: 10px目前

.bodyconMiddleInnerLBoxThree p { 
    padding: 10px 0; 
} 

更改爲

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