Content Formatting
HTML 태그를 이용하여 리스트의 텍스트에 다양한 효과를 줄 수 있다.
리스트 아이템 오른쪽에 추가적인 설명을 덧붙이려면 <p> Tag에 class=”ui-li-aside” 속성을 추가한다.
- <ul data-role="listview" data-inset="true">
- <li><a href="#">
- <h3>Americano</h3>
- <p><strong>Beverage Guide</strong></p>
- <p>에스프레소에 뜨거운 물을 혼합한 커피</p>
- <p class="ui-li-aside"><strong>HOT 2200</strong>원, <strong>COLD 2500</strong>원</p>
- </a></li>
- <li><a href="#">
- <h3>Caffe Latte</h3>
- <p><strong>Beverage Guide</strong></p>
- <p>에스프레소와 스팀밀크를 혼합한 커피</p>
- <p class="ui-li-aside"><strong>HOT 2700</strong>원, <strong>COLD 3200</strong>원</p>
- </a></li>
- <li><a href="#">
- <h3>Caffee Mocha</h3>
- <p><strong>Beverage Guide</strong></p>
- <p>모카시럽, 에스프레소, 스팀밀크, 휘핑크림을 혼합한 커피</p>
- <p class="ui-li-aside"><strong>HOT 3200</strong>원, <strong>COLD 3700</strong>원</p>
- </a></li>
- </ul>