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 divs 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

Popular posts from this blog

powershell Start-Process exit code -1073741502 when used with Credential from a windows service environment -

twig - Using Twigbridge in a Laravel 5.1 Package -

c# - LINQ join Entities from HashSet's, Join vs Dictionary vs HashSet performance -