title: Show div elements in a single line when screen size is reduced
body: <p>Is it possible to make header content to display in one single row at any point of time with reduced screen size and instead get a scroll bar when screen size is reduced.</p>
  
  <pre><code>Here's the link of my page header looks like: http://codepen.io/vengal-learn/pen/QGJdze
  </code></pre>