Dynamically moving down an element in the header in JQuery Mobile

[lve]

In JQuery Mobile I am creating an header with a Back button aligned in the left side and a title aligned centre. Ideally these two elements should be aligned in the same line, but when for space reason the two elements can't be accommodated (especially in portray mode) in the same row, the title should be moved a bit down below the Back button. What CSS attribute should be used? Here is the code:\[code\]<div class="back-header" data-role="header" data-position="fixed" position="absolute" data-theme="a"> <a href="http://stackoverflow.com/questions/15500307/index.html" data-icon="arrow-l" data-iconpos="left" data-transition="slide" data-direction="reverse" class="back-button">Back</a> <p class="menu-label" align="center"> <img src="http://stackoverflow.com/questions/15500307/images/biglogoreduced.png" class="menu-label-image" height="20" width="20"> Data Monitor </p></div>\[/code\]