title: how to make a div content responsive?
body: <p>I m trying to practice the responsive design. What i want to do is a div inside of a div a span and a button. button is totally right and span is totally left. When i try to resize the window,button and span should come closer because of the divs size.
  So far what i did is :</p>
  
  <pre><code>&lt;div style="background-color: white; width: 50%; height: 50px; border-bottom-style: solid; border-bottom-width: 0.5px"&gt;&lt;span&gt;My Word&lt;/span&gt;
       &lt;button style="height: 50px; width: 50px; position absolute; margin-left: 268px"&gt;&lt;/button&gt;&lt;/div&gt;
  </code></pre>
  
  <p>it doesnt quite working..
  And ideas how to archieve this ?</p>