2012-02-07 11 views
0

は少しCSSの問題テキストのdiv間のスペース?ここで

ですコード:

 printf('<div id="replyto">Reply to</div> 
    <a class="replytolink" href="%1$s">%2$s %3$s</a>', 
$parent_link, $parent->comment_author, $parent->comment_date); 

CSS:

#replyto { 
     float: left; 
} 
.replytolink { 
     float: left; 
} 

"Comment author Date"

どのように私はそれを出力することができますへ

返信出力です

返信"Comment author Date"

テキストとリンクの間に正しい間隔がありますか?

答えて

0

.replytolink { 
    padding-left:5px; 
    float: left; 
} 

例:

#replyto { 
     float: left; 
     padding-right:5px; 
} 
+0

ありがとうございます。あなたの提案は魅力のように機能します!スタイルは必要ありません! – sarytash

0

スペースを追加できますか?

printf('<div id="replyto">Reply to </div><a class="replytolink" href="%1$s">%2$s %3$s</a>', $parent_link, $parent->comment_author, $parent->comment_date); 

または#replytopadding-right: 2emを追加します。

+0

空白を追加しようとしましたが、違いはありません。フォント、フォントサイズなどに関係なく、5pxは単語間の空白と一貫していますか? – sarytash

+0

padding-right:2emを使用できます。相対的なスペーシングのためにも同様のことがあります。 – danjah

+0

5pxは通常のフォントサイズでは問題ありませんが、font-sizeが大きい場合はスペースを調整する必要があります。私はこれで私の背中を壊すことは価値がないと思う。 – sarytash

0

#replytopadding-rightを追加:アンカーISNに続く浮動div要素を使用して、ビューのセマンティックな観点からhttp://jsfiddle.net/RTFb7/

+0

ありがとうございます。上記の返信を参照してください。 – sarytash

0

はこれを試してみてくださいこの場合タグの可能な最良の選択です。 ルキウスによって
は 個人的に、私はspandivは、その後、あなたがそれらをフロートする必要はないだろう、とその単語の間隔は通常通りに動作することを置き換えます。..

+0

ありがとうございます。上記の私の返信を参照してください。 – sarytash

+0

jsfiddle事のためにありがとう! – sarytash

0

ソリューション:

printf('<span>reply to <a href="%1$s">%2$s %3$s</a></span>', $parent_link, $parent->comment_author, $parent->comment_date); 

きちんとしたCSSは必要ありません。必要に応じて<span>タグにIDを付けます。 「reply to」の後の空白スペースが出力されるようになりました。

関連する問題