css - ミステリー改行

Question

「パフォーマンスの数値は料金を差し引いたものです」と書かれている右側の列を見てください。

何らかの理由で、テキストが段落タグ全体を埋めていません。つまり、「料金」という単語は、その前にbrタグがあるように見えます。それは何か関係があるのではないかと思いましたtext-align: justify;が、CSSでそれへの参照を見つけることができません。

誰かが何が起こっているのか見ることができますか？それは私を困惑させました...

ありがとう

大須

score 2 · Accepted Answer

日付の上の行では、20px の margin-bottom があり、フローティングされています。

この 20px を削除します。

.widget-title span {
    margin-bottom: 0;
}

score 0 · Accepted Answer

.widget-title {overflow: hidden;}
.widget-title span {margin: 0;}

これで問題は解決します。

score -1 · Accepted Answer

これを試して：

<p class="small" style="white-space: nowrap;">* Performance figures are net of fees.</p>

さらに、この上のタイトルの下マージンが大きいため、小さなテキストが横に伸びるのを止めていることに気付きました。

可能であれば与える.widget-title span margin-bottom: 0px;

3 に答える 3