html - CSS comments layout -


i want make css layout comments.

so comment block consists of 3 parts:

  1. user photo on left
  2. comment header (consisting of user name floated left , comment data floated right)
  3. comment body (floating user photo)

http://dabblet.com/gist/10660127 have far. problem cant make proper comment heading. want align properly, if put many brs after .comment-title (but not best solution, here show desired result: http://dabblet.com/gist/10660333).

any solution markup?

you need add clear: both (or maybe clear: right, depending on how behaves avatar image) body class.

you can give padding-top, too.


Comments

Popular posts from this blog

javascript - How to name a jQuery function to make a browser's back button work? -

python - Django-easy-pdf: xhtml2pdf reporting reportlab 2.2+ is required, but 3.0 installed -

collision detection - C++ library for mesh to mesh intersection: what is available? -