Tabbar footer element that wrote long text in 1 line modify 2 text line.
Change-Id: Ia1c2953ace400d51bf53133f6d188726c1402993
</head>
<body>
<div data-role="page" data-add-back-btn="true" id="list-sample">
+ <style>
+ #new .ui-btn-text {
+ font-size : 12px;
+ }
+ #new span {
+ line-height : 8px;
+ padding-top : 2px;
+ padding-bottom : 2px;
+ }
+ </style>
<div data-role="header" data-position="fixed">
<h1>SINGLE-PAGE APPLICATION </h1>
</div><!-- /header -->
<ul>
<li id="add"><a>+1</a></li>
<li id="add2"><a>+20</a></li>
- <li id="new"><a>reset & create +3</a></li>
+ <li id="new"><a>reset &<br> create +3</a></li>
</ul>
</div>
</div><!-- /footer -->