html - Add two buttons on the right in list header -
i try make 2 <a </a>
elements header on right side same row how <?php echo $row['date']; ?>
become showed. buttons among , under date row. how can fix it, same row how date?
<li id ="listtwo" name="listtwo" data-role="list-divider" role="heading" align="right" class="ui-li ui-li-divider ui-bar-b ui-li-has-count ui-first-child" ><?php echo $row['date']; ?><a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">delete</a><a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">delete</a></li> <li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" ><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a class="ui-link-inherit"><p class="ui-li-aside ui-li-desc"><strong><?php echo $row['time']; ?></strong></p> <p class="ui-li-desc"><strong><?php echo $row['title']; ?></strong></p> <p class="ui-li-desc"><?php echo $row['text']; ?></p> </a></li>
you better of using span
tags align them 1 after other. have added 2 of missing div
s well! take @ modified code.
<li id ="listtwo" name="listtwo" data-role="list-divider" role="heading" align="right" class="ui-li ui-li-divider ui-bar-b ui-li-has-count ui-first-child" > today <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">delete</a> <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">delete</a> </li> <li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" > <div class="ui-btn-inner ui-li"> <div class="ui-btn-text"> <a class="ui-link-inherit"> <p class="ui-li-aside ui-li-desc"> <span><strong>time</strong></span> <span><strong>title</strong></span> <span>text</span> </p> </a> </div> </div> </li>
use bit of css
style them accordingly!
Comments
Post a Comment