<html>
<head>
     <title>Div example</title>

<style type="text/css"> 
.container{
    background-color: #ff0000;
    border-color: #000000;
    border-style: solid;
    border-width: 2px; 
    height: 20px; 
    width: 50px; /* not used by firefox */
}
</style>
</head>
<body>
Method 1:
<br /><br />
AA
<span class="container">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
BB
<br /><br />
Method 2:
<!-- space.gif is a 1x1 transparent gif image -->
<br /><br />
AA
<span class="container"><img src="../images/space.gif" alt="" width="50" height="20"/></span>
BB
</body>
</html>