How to align collapsible inline with header text
Hi there,
I have a collapsible in my header but it appear on it's own line which makes the header quite big. How can I align it (Options) with the header text (h1) to the right or left. Here is my code:
- <div data-role="page" id="home">
<div data-role="header">
<h1>App Title</h1>
<div data-role="collapsible" data-collapsed="true" data-mini="true">
<h4>Options</h4>
<ul id="options" data-role="listview" data-mini="true">
<li><a href="#addphone">Add Phones</a></li>
<li><a href="#removephone">Remove Phones</a></li>
</ul>
</div>
</div><!-- /header -->
Joe