title: div tag wrap around object besides float
body: <p>i've been searching and i know that float:left or float whatever does that, but what if I don't want to use float? Is there another way to make a div tag wrap around its contents? if i do</p>
  
  <p><code>border: thin solid black;</code></p>
  
  <p>it will show that by default the div tag is 100%.</p>
  
  <p>Thank you</p>
  
  <p>Edit: I have a div tag wrapped around a form</p>
  
  <pre><code>&lt;div class='subHolder'&gt;
  &lt;form action="" method="get"&gt;
  &lt;input type='text' class='subscribe' name='subscription'/&gt;
  &lt;a class='buttonSubscribe orange'&gt;Subscribe&lt;/a&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the style sheet</p>
  
  <pre><code>div.subHolder {
  padding:30px;
  margin:0 auto;
  border:thin solid black;
  display:inline-block;
  </code></pre>
  
  <p>}</p>
  
  <p>How do I set it so it will float in the middle of the page? </p>
  
  <p>Thank you</p>