div left and right-aligned on large devices, stacked on small [duplicate]

_x000D_ _x000D_ _x000D_ This question already has an answer here:_x000D_ _x000D_ _x000D_ Media Queries: How to target desktop, tablet and mobile?_x000D_ _x000D_ 15 answers_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Is there a way, without using bootstrap grid, to: On larger devices div.left left-aligned in .header-wrapper div.right right-aligned in .header-wrapper On small device stack div.left and div.right on top of each other JSfiddle Is it possible without media queries? for example using inline-block on .left .right would take care of stacking. (see inline-example in html code) Is it possible to left/right align inline-block divs?