Question

I’ve been having a problem with an empty div HTML tag. I’ve added CSS to it but the style is not showing. I’ve tried adding &nbsp to it but that didn’t do anything. Is there any other way to fix this problem? The CSS in question:

<style type="text/css">
div#mainbutton { width: 28px; height: 28px; border-color: rgb(0, 0, 0); border-width:     
5px; border-radius: 2px; }
</style>

The HTML:

<div id="mainbutton">&nbsp;</div>

Answer 1

You just missing style of border, when you won’t add border-style property, browser don’t know what to do.

#mainbutton { 
    width: 28px;
    height: 28px; 
    border-color: rgb(0, 0, 0); 
    border-width:5px; 
    border-radius: 2px; 
    border-style: solid;
}​

As Border-style you can use follows: solid, dotted, dashed, double, groove, ridge, inset, outset or none.

Here you can read more about it.