Home/ Questions/Q 7778387
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T18:23:04+00:00

I’ve got the following code: http://jsfiddle.net/69MqZ/1/ As you can see grey text lines up

  • 0

I’ve got the following code: http://jsfiddle.net/69MqZ/1/

As you can see grey text lines up to grey meta data: enter image description here

I want it to be like this despite length of name to the left: enter image description here

Obviously it has to use position: relative or some technique that will make border-bottom move accordingly. This is comments output generated by WordPress.

I’m facing the same issue here (all containers have float: left;):
enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You will need to wrap a parent element around both the comment author name AND the meta data – .comment-author & .comment-meta – and then float THAT parent element. e.g.:

     <div class="comment_author_wrap">
 <div class="comment-author vcard">
     <cite class="fn">John Smith</cite> <span class="says">says:</span>        
 </div>

 <div class="comment-meta commentmetadata">
     <a href="#comment-3">May 23, 2010 at 5:04 pm</a>&nbsp;&nbsp;<a title="Edit comment" href="3" class="comment-edit-link">(Edit)</a>        
 </div>
 </div>

    Then

    .comment_author_wrap {
   float: left;
 }

    That will allow the comment text to come up all the way to the top of the area like you intend.

    • 0