title: css bootstrap display button inline with text
body: <p>I'm using twitter bootstrap.</p>
  
  <p>I'm trying to create a button with dropdown that should be displayed right after a text.</p>
  
  <p>The button and everything are created but it appears on the next line instead of being on the same line as my texte.</p>
  
  <p>This is more or less the code:</p>
  
  <pre><code>&lt;h1&gt; Some title
  
  
      &lt;div class="btn-group" xmlns="http://www.w3.org/1999/html"&gt;
        &lt;button class="btn btn-mini"&gt;Edit&lt;/button&gt;
        &lt;button class="btn btn-mini dropdown-toggle data-toggle="dropdown"&gt;
            &lt;span class="caret"&gt;&lt;/span&gt;
        &lt;/button&gt;
        &lt;ul class="dropdown-menu"&gt;
           &lt;li&gt; ...my menu's...&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/h1&gt;
  </code></pre>
  
  <p>The h1 tag has no special positioning assigned. I've tried to add a float: left to the h1 tag but it doesn't work because there is a clear:both in the btn-group's css.</p>
  
  <p>What's wrong? Thx!</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>I also tried to add a .pull-right class to the div. This brings it to the right line but it is  on the right of the page. Not just after the text. This is too far away.</p>