0

私は 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....."

あなたが提供できる情報は素晴らしいでしょう！ありがとう！

4

2 に答える 2

0

padding: 10pxから削除.bodyconMiddleInnerLBoxThree p

現在

.bodyconMiddleInnerLBoxThree p {
    padding: 10px 0;
}

への変更

.bodyconMiddleInnerLBoxThree p {
    padding: 10px 0 0 0;
}
于 2013-05-31T20:26:10.107 に答える
0

p 要素には追加のパディングがあります。

次のように変更してみてください。

.bodyconMiddleInnerLBoxThree p {
font: normal 15px/18px "Myriad Pro";
color: #37383A;
}
于 2013-05-31T20:27:32.973 に答える