css:how to get spaces in between 2 labels on the same line?

You could wrap your 'labels' in <span> tags, give them classes, and add margin with CSS.

Example here: http://jsfiddle.net/peduarte/Rf5kB/

HTML

<div>
    <span class="firstLabel">firstlabel</span>
    <span class="secondLabel">secondlabel</span>
</div>

CSS

.firstLabel {
    margin-right: 50px;
}

You should use a semicolon after &nbsp.

<div>
firstlabel &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; secondlabel
</div>

Try this:

<div class="main">
    <div class="left">firstlabel</div>
    <div class="right">secondlabel</div>
</div>

.main{
   width:220px;
    }
.left{
    width:110px;
    float:left;
    text-align:left;
    }
.right{
    width:110px;
    float:right;
    text-align:right;
    }