Edit This Code:
See Result »
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page" id="pageone"> <div data-role="header"> <h1>Columns</h1> </div> <div data-role="main" class="ui-content"> <p>One-column Layout:</p> <div class="ui-grid-solo"> <div class="ui-block-a"> <a href="tryit.asp-filename=tryjqmob_grid_solo.html#" class="ui-btn ui-corner-all ui-shadow">First Column Button</a><br> <span>First Column: This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</span> </div> </div> </div> </div> </body> </html>
Result: