Недавно я заметил, что смайлики в Google Reader'е начали отображаться в отдельных строках. По началу не обратил на это внимания, но потом заметил, что проблема возникла не только у меня.

Раньше, по-моему, все было нормально… или это мне кажется?

Сначала я подумал, что проблема в моей RSS ленте или FeedBurner'е.

Но оказалось, что и там и там все правильно. Смайлик находится внутри строки как и было задумано. HTML разметка такая:

<img class="wp-smiley" alt=":-)" src="http://www.simplecoding.org/wp-includes/images/smilies/icon_smile.gif"/>

А вот в Google Reader'е разметка уже немного другая:

<img class="content-block-fix" alt=":-)" src="http://www.simplecoding.org/wp-includes/images/smilies/icon_smile.gif"/>

Заметили class="content-block-fix"?

К нему прилагается два CSS правила:

.content-block-fix {
    display:block;
    margin:10px 0;
}

Думаю, особые пояснения здесь не нужны. Первое правило делает картинку со смайликом блочным элементом, который отображается, как и положено блочному элементу в отдельной строке.

Честно говоря, сомнительное нововведение. Многие авторы используют смайлики и практически всегда внутри текста. А разорванный на три части абзац выглядит не лучшим образом.

В принципе можно написать плагин для greasemonkey, который исправит стили, только тут возникает два вопроса.

1) Где ещё Google Reader использует класс .content-block-fix?

2) Стоит ли вообще возиться?