Task List estructura

gistfile1.html

<ul id="task-list">

    <li class="listitem" style="border-left: 5px solid gray;" aria-disabled="true">
        <p class="tasktitle">tarea 1</p>
        <p>09:00, octubre 27 2014</p>
        <button class="danger" data-task="tarea 1" data-l10n-id="DeleteBtn">Delete</button>
    </li>
    <li class="listitem" style="border-left: 5px solid yellow;">
        <p class="tasktitle">tarea 2</p>
        <p>09:00, octubre 27 2014</p>
        <button class="danger" data-task="tarea 2" data-l10n-id="DeleteBtn">Delete</button>
    </li>
    ...
</ul>