<div class="container">
  <form action="">
    <label for="name">Name</label>
    <input type="text" id="name">
    
    <label class="checkbox" for="male">Married</label>
    <input type="checkbox" id="male">
    
    <label for="story">Short Story</label>
    <textarea id="story" cols="30" rows="10"></textarea>
  </form>
</div>
label{
  display: block;
  margin-bottom: 3px;
}
.checkbox,[type:"checkbox"]{
  display: inline-block;
  vertical-align: middle;  
}
input, textarea{
  margin-bottom: 10px;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.