title: AngularJS : How do i override directive's style in my view?
body: <p>I am calling <code>error-stuff</code> directive in my view as below and i am trying to override the directive's padding 15px to 0px in my view which is not working. So my div1's value and div2's values are not in a straight line since div2 takes more padding in my view.</p>
  
  <pre><code> Error:
            Oops !!! Its look like something going wrong !!! Please try again later ...
  
  
  &lt;div id="div1" class="row"&gt;
     &lt;div  class="pull-left"&gt;
        &lt;span&gt;Error :&lt;/span&gt;
     &lt;/div&gt;
  
      &lt;div id="div2" style="padding:0px; vertical-align:top"&gt;
          &lt;error-stuff&gt;&lt;/error-stuff&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The html template on the <code>error-stuff</code> directive as below</p>
  
  <pre><code>&lt;div class="error-class"&gt;
     &lt;span&gt;Oops !!! Its look like something going wrong !!! Please try again later 
      ...  &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>in my app.css</strong></p>
  
  <pre><code>.error-class
  {
  margin-bottom:20px;
  padding:15px;
  box-sizing:border-box;
  line-height:1.5;
  font-size:15px;
  }
  </code></pre>
  
  <p>So how do i make <strong>div1 and div2 content in straight line</strong> by overriding the directives padding:15px to padding:0px?</p>