title: Required field asterisk is not shown on the same line
body: <p>I have this code that generates a red asterisk in my required fields</p>
  
  <pre><code>.required:before {
      content:"* ";
      color:red;
  }
  </code></pre>
  
  <p>in some it shows well but in others it doesn't</p>
  
  <p><a href="https://i.stack.imgur.com/jiRnE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jiRnE.png" alt="enter image description here"></a></p>
  
  <p>How can I make it show on the same line of my label?</p>
  
  <pre><code>&lt;div class="form-group container-fluid"&gt;
    &lt;label class="col-md-2 control-label required"&gt;Nombre:&lt;/label&gt;
    &lt;div class="col-md-10"&gt;
      &lt;input type="text" class="form-control" ng-model="activity.name"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>