Я пытаюсь отобразить небольшой текст (количество новых сообщений) над значком на кнопке панели инструментов, что-то вроде расширений Chrome и Opera со значком над значками панели инструментов. Текст не должен закрывать весь значок, он должен быть внизу, чтобы пользователь мог видеть основную часть значка и узнавать, какое это расширение. Как я могу это сделать?
Вы можете увидеть то, что я хочу, на этом примере изображения из Chrome:
Я пробовал использовать description, span и div внутри элемента стека, но мне не удалось разместить ни один из них внизу . Описание и div всегда отображают текст по центру, а span отображает его справа от значка, делая всю кнопку шире.
<toolbarpalette id="BrowserToolbarPalette">
<toolbarbutton class="toolbarbutton-1">
<stack>
<image></image>
<description right="0" bottom="0" value="4"></description>
<!-- <html:div right="0" bottom="0">5</html:div> -->
</stack>
</toolbarbutton>
</toolbarpalette>