how to make inline div blocks arrange one below another instead of just shrinking in width when looked in mobile device
<p>I have a template which is fully responsive but I had to add 3 blocks of 'div' which display inline. They all resize fine except when looked in to a mobile device they really shrink in width because of that their height increases and all 3 'div' become long vertical bars.</p>

<p>I am looking for some suggestions where instead I can make those block go below each another (like a 3 floor building) when looked in a mobile device.</p>