JSFiddle - React, Tailwind, and code Playground

HTML

<form id="commentform" method="post" action="http://devsite.localhost/wp-comments-post.php">
																										<span class="comment-form-author"><label class="obscure" for="author">Name</label><span class="input-group span2"><span class="input-group-addon"><i class="glyphicon-user"></i></span><input type="text" placeholder="Name *" aria-required="true" tabindex="1" size="30" value="" name="author" id="author"></span></span>
<span class="comment-form-email"><label class="obscure" for="author">Email</label><span class="input-group span3"><span class="input-group-addon"><i class="glyphicon-envelope"></i></span><input type="text" placeholder="Email *" aria-required="true" tabindex="2" size="30" value="" name="email" id="email"></span></span>
<span class="comment-form-url"><label class="obscure" for="url">Website</label><span class="input-group span3"><span class="input-group-addon"><i class="glyphicon-globe"></i></span><input type="text" placeholder="Website" tabindex="3" size="30" value="" name="url" class="input-medium" id="url"></span></span>
												<div class="comment-form-comment"><textarea placeholder="Comment" aria-required="true" tabindex="4" rows="8" cols="45" name="comment" id="comment"></textarea></div><!-- #form-section-comment .form-section -->												<p class="form-submit">
							<input type="submit" value="Post Comment" id="submit" name="submit">
							<input type="hidden" id="comment_post_ID" value="14" name="comment_post_ID">
<input type="hidden" value="0" id="comment_parent" name="comment_parent">
						</p>
</form>

CSS

@import url('http://my-hardware.net/bs/bootstrap.css');

/* hiding content but not from screen readers, used in comments form */
.obscure {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.comment-form-email{
  display: block;
  float: left;
}