css - Aligning columns in divs made to look like an HTML table with left padding -

i have following layout in admin section. styled , laid out table, using unordered lists , divs.

i using padding tab in "row" represent tree structure , allow me use jquery plugin sorting structure based on nested set model.

the following markup section have highlighted in red in screenshot.

<ul>     <li id="menuitem_6" class="mjs-nestedsortable-branch mjs-nestedsortable-expanded" data-tree-level="1">         <div class="ui-sortable-handle" data-id="6">             <span class="child_rows" style="width: 5%;">             <span class="child_rows" style="width: 35%;">             <a href="/app_dev.php/administration/golf/category/6/update/">releases</a>             </span>             <span class="child_rows text-right" style="width: 50px;"> 2 </span>             <span class="text-right child_rows" style="width: 250px;"> 09-07-2015 15:44 crmpicco </span>             <span class="child_rows buttons" style="width: auto;"></span>         </div>         <ul>...another row in here...</ul>         <ul>...another row in here...</ul>         <ul>...another row in here...</ul>     </li> </ul> 

my question - is there way align columns "assets" , "last updated" aligned correctly?

here fiddle show problem: http://jsfiddle.net/crmpicco/afwsduq0/

have @ fiddle http://jsfiddle.net/5o8usjy2/ removed padding-left: 20px; looking for