Интервал между элементами в тексте?

Question

Вот небольшая проблема css

Код:

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

Ответ на «Комментарий автора Дата»

Как его вывести

Ответ на «Комментарий автора Дата»

с правильным интервалом междутекст и ссылка?

Answer 1

Решение Люциус :

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

Ухоженная. CSS не требуется. При необходимости присвойте тегу <span> идентификатор. Теперь выводится лишний пробел после «reply to».

Answer 2

С семантической точки зрения, использование плавающего div с последующим якорем не лучший выбор тегов в этом случае.
Лично я бы заменил div на span, тогдавам не нужно будет их плавать, и поэтому интервал между словами будет работать как обычно ..

Answer 3

Добавьте padding-right к #replyto:

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

Answer 4

Попробуйте это:

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

Пример: http://jsfiddle.net/RTFb7/

Answer 5

Добавить пробел?

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 );

Или добавить padding-right: 2em на #replyto.