Создание значка уведомления со счетчиком уведомлений ⇐ CSS

[Anonymous]

Я хочу разместить значок уведомления на своем веб-сайте, например Facebook. Facebook отображает значок уведомления в верхнем левом углу.
На Facebook рядом со значком указано количество уведомлений. Я хочу сделать то же самое. Я хочу показывать количество уведомлений рядом со значком уведомления, как в Facebook. Для этого я создал этот код:

Код: Выделить всё

.icon {
width: 30px;
height: 30px;
}

.txt {
padding: -10px 0 0 10px;
background: red;
font-size: xx-small;
}

Код: Выделить всё

[img]https://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico?v=4f32ecc8f43d[/img]
10

Но этого не происходит. Пожалуйста, помогите мне, как я могу сделать это так же, как Facebook. Спасибо.

Подробнее здесь: https://stackoverflow.com/questions/157 ... tion-count