CodePen

HTML

            
              <?php if ( have_comments() ) : ?>  
<h2 class="comments-header"><?php printf( _n( 'One Comment', '%1$s Comments', get_comments_number() ),number_format_i18n( get_comments_number() ) );  
?></h2>

<div id="comments">	
<?php foreach ($comments as $comment) { ?>  
 
    <a name="comment-<?php comment_ID(); ?>"></a>  
    <div class="floatLeft-container"><?php echo get_avatar( $comment->comment_author_email, $size = '40'); ?></div> 
    <div class="floatRight-container">
        <h3 class="comment-author"><a href="<?php comment_author_url(); ?>"><?php comment_author(); ?></a></h3> <span class="comment-date">on <?php comment_date(); ?></span>  
    </div> 		
	<div class="clear"></div>

<div class="comment-post"><p><?php echo $comment->comment_content; ?></p></div><!--comment-post--><hr class="article-divider"/> 
<?php } ?>    
  
<?php else: ?>  
<h2>No comments</h2>  
<?php endif; ?>  
<?php if ( ! comments_open() ) : ?>  
    <h2>Comments are closed.</h2>  
<?php else: ?>  
  
<h2>Leave a Comment</h2>  
<a name="comments"></a>  
            <form class="comment-form" action="<?php bloginfo('url'); ?>/wp-comments-post.php" method="post" id="commentform">  
                <input type='hidden' name='comment_post_ID' value='<?php echo $post->ID; ?>' id='comment_post_ID' />  
                <input type="text" value="Name" name="author" onfocus="if(this.value == this.defaultValue) this.value = ''"><label> Name / Alias (required)</label><br />  
                <input type="text" value="Email" name="email" onfocus="if(this.value == this.defaultValue) this.value = ''"><label> Email Address (required, not shown)</label><br />  
                <input type="text" value="http://" name="url" onfocus="if(this.value == this.defaultValue) this.value = ''"><label> Website (optional)</label><br />  
                <textarea rows="7" cols="50" name="comment"></textarea><br />  
                <input class="submit-comment" type="submit" value="Add Your Comment" />  
            </form>  
  
<?php endif; ?> 
</div>
            
          
!

CSS

            
              
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................