Afzaal gave you a good idea, but it may need explanation. Here is a proof of concept for you:
<html>>
<head>
<title>Styled button demo</title>
<style>
button {
position: relative; height: 4em;
padding-left: 2em; padding-right: 2em; }
span.close { position: absolute; top:0; right: 0; }
</style>
</head>
<body>
<button>Normal button text<span class="close">x</span></button>
</body>
</html>
The element
button
is just for example; in your code, it will be whatever you use for the tab, probably a
div
with special CSS class. The element
span
and the letter "x" is also just for example. Of course, instead of it you need to devise some graphical element. Make sure you remove all unwanted margins and padding, to position this element precisely. On this element, you should also add the
onclick
handler.
That's all. Any questions?
—SA