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
Submit an article or tip