Horizontal Layout in JQuery Mobile

[EileenE]

I'm working on a jquery mobile app. In my app, I have some form data that i want to layout horizontally. Currently, I have the following:\[code\]<div data-role="content"> <ul data-role="listview"> <li data-role="list-divider">Information Here</li> </ul><br /> <ul id="myList" data-role="listview" data-inset="true" data-theme="d" data-dividertheme="d"> <li data-role="list-divider">Choice</li> <li data-role="fieldcontain"> <div class="ui-grid-c"> <div class="ui-block-a" style="font-weight:normal;">From</div> <div class="ui-block-b"> <select name="selector1" id="selector"1 data-native-menu="false"> <option value="http://stackoverflow.com/questions/15704691/__">Please Choose</option> </select> </div> <div class="ui-block-c" style="font-weight:normal;">To</div> <div class="ui-block-d"> <select name="selector2" id="selector2" data-native-menu="false"> <option value="http://stackoverflow.com/questions/15704691/__">Please Choose</option> </select> </div> </div> </li> </ul></div>\[/code\]My challenge is, the grid approach evenly divides the the 4 columns. In reality, I just want to lay the elements out horizontally. I don't need everything to be evenly spaced. However, I'm not sure how to do this.How do I just layout content horizontally?