apangin

В W3C спецификации теги EM и STRONG вынесены в раздел Структурированный текст -> Элементы фраз.
    EM: Indicates emphasis.
    STRONG: Indicates stronger emphasis.
Внешний вид, как будут отображаться элементы фраз, определяется браузером. Эти теги могут учитываться, например, Text-to-Speech движками для изменения интонации или громкости голоса.

В то же время B и I относятся к разделу Форматирование -> Шрифты и дают явное указание браузеру, каким шрифтом отрисовывать фрагмент.
    I: Renders as italic text style.
    B: Renders as bold text style.

Я думаю, вопроса бы не возникло, если б в HTML/CSS было хорошее средство сеточной верстки. Во многих GUI библиотеках есть средства создания сеточного лэйаута: например, в Java — это GridBagLayout, в Qt — QGridLayout. Ближайший аналог в HTML — <table>. Да, можно и в Java разместить все только с помощью FlowLayout и BorderLayout, но в некоторых случаях сеточный лэйаут окажется проще и наглядней. Поэтому я не считаю, что надо выбирать между div и table — нужно и то, и другое, просто они для разных ситуаций.

Блочная верстка предпочтительней табличной. Но это не значит, что нужно вообще отказаться от таблиц.
А тем, кто утверждает, что div'ами верстать также легко, как таблицами, я обычно предлагаю простенький тест: сверстать приведенный ниже блок страничных ссылок вслепую, т.е. по ходу не подглядывая в браузер. Если получается правильно с первого раза под всеми популярными браузерами — WIN. Очевидно, сделать это таблицей — пара пустяков. Но так ли просто с div'ами? До сих ни один мой знакомый тест не прошел :)


Примечание: блок должен располагаться посередине, растягиваться в зависимости от количества страниц, а если ссылок-страниц мало, то они должны центрироваться, как на втором рисунке.