title: H2 element and span in one line
body: <p>I'm trying to put H2 and Span in one line. Currently for H2 I have used BG color and trying to put on the same line the span attributes. Is it possible? I have placed both of them on one DIV which has 79% width. Here is the  HTML code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.author_name h3 {
    background-color: #1d305b;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 4px;
    margin-top: 102px;
    opacity: 0.9;
    padding: 15px 20px;
  }
  
  .author_name {
    display: inline-block;
    margin-left: -3px;
    width: 79%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="author_name"&gt;
  
    &lt;h3&gt;Carlos&lt;/h3&gt;&lt;span style="float:right;"&gt;&lt;a class="uibutton icon add" href="#button"&gt;Message&lt;/a&gt;&lt;/span&gt;
    &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting&lt;/p&gt;
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Whats wrong with this code? I have tried to clear the DIV but not working. I also tried to apply to span the display-inline parameter, but no solution. Actually, I would like to place the span on the same line , having the same color of h2 BG color, but don't know if it is possible? Any suggestion would be great :)</p>