<td> вложенные элементы

[seemax]

Согласно Webref, <td> не является блочным элементом. Мне нужно поместить в эту ячейку несколько тегов по вертикали. <span> не даст вертикального расположения, назначить его display: block; вероятно нельзя...

Предложите пожалуйста решение.

[Switch74]

span inline-block + width:100%
 

[Tilonorrinco]

Не совсем понял: почему нельзя сделать span блочным? По-моему, это самое очевидное решение (можно еще вместо span использовать блочные элементы типа p):

http://jsbin.com/bebonaq/edit?html,css,js,output

 

[seemax]

Спасибо всем, кто откликнулся. Я поместил один <span> и сделал перенос </br>

[SelenIT]

Понятие «блочные элементы» отмерло вместе с HTML4. На Webref (и во многих др. местах) оно осталось чисто в силу традиции, но смысла в нем сегодня очень мало.

Вас не должно волновать, «блочный», «строчный» или «худосочный» сам элемент, вас должно волновать, что в него можно класть — т.е. какая у него модель содержимого (Content model). Для каждого элемента она указана в спецификации. Content model у TD разрешает класть в него практически всё — хоть дивы, хоть абзацы, хоть заголовки. Мучиться со спанами и «бряками» нет никаких причин.

Так что читайте спецификации и не усложняйте себе жизнь ради давно неактуальных мифов!