Qué usar tablas o listas para un boleto?

[bng5]

Aclaración: Mi consejo no es "siempre evitar las tablas", si para el caso del boleto.
Pero, por ejemplo, la grilla de arriba me parece que está muy bien como tabla y asi la dejaría.

Ese no es el uso que estaba pensando para las listas de definición.

No te digo que lo hagas así como yo, sólamente es, mas o menos, como yo lo haría.

Código HTML:

<div class="test">
    <ol>
        <li id="pronostico_01">
			<span><input type="checkbox" id="betchecked_12494171"/></span>
			<span>Equipo C - Equipo D</span>
			<span>1,30</span>
			<span><input type="text" value="" size="4" maxlength="8" id="amount_12488401" tabindex="0"/></span>
			<span><a href="#" class="ico_borrar">Borrar</a></span>
		</li>
        <li id="pronostico_02">
			<span><input type="checkbox" id="betchecked_12494171"/></span>
			<span>Equipo C - Equipo D</span>
			<span>1,30</span>
			<span><input type="text" value="" size="4" maxlength="8" id="amount_12488401" tabindex="0"/></span>
			<span><a href="#" class="ico_borrar">Borrar</a></span>
        </li>
    </ol>
</div> 

Cada uno de los li sería una fila y los span las celdas.

Para manipular los span como celdas podrías usar display:inline-block;, de esta manera podrás editar sus propiedades CSS como si fuese un elemento de bloque (ancho, alto).

Código CSS:

li span {
    display:inline-block;
}
 

o tratarlos como tablas:

Código CSS:

ol {
    display:table;
    list-style-type:none;
}
 
li {
    display:table-row;
}
 
li span {
    display:table-cell;
}
 

No estoy hilando muy fino y tendrías que ver cual es la técnica que más te conviene para que se vea apropiadamente en la mayor cantidad de navegadores posibles.
No se mucho de los IE (6, 7, 8) pero su soporte CSS es muy limitado.