title: How would I make 2 divs float next to each other but not have the content underneath follow suit?
body: <p><img src="https://i.stack.imgur.com/47Q5U.png" alt="enter image description here"></p>
  
  <p>I have this setup, with HTML:</p>
  
  <pre><code>&lt;h4 class="wrap-title"&gt;Name&lt;/h4&gt;
                      &lt;button class="btn btn-primary btn-xs title-button" ng-click="uploadNewImage()"&gt;&lt;span class="glyphicon glyphicon-upload"&gt;&lt;/span&gt; Upload&lt;/button&gt;    
                      &lt;p&gt;{{venue.name}}&lt;/p&gt;
  </code></pre>
  
  <p>and CSS:</p>
  
  <pre><code>.wrap-title {
    float:left;
    margin-right: 5px;
  }
  
  .title-button {
    cursor: pointer;
    margin: 10px 0px;
    float:none;
  }
  </code></pre>
  
  <p>How would I go about having the Creams be underneath "Name"? Thanks in advance! I can't for the life of me figure out how for some reason.</p>