Date: 04/13/07 (Web Development)    Keywords: no keywords

Currently, everything in "div2" ("bubbles") display as nice neat boxes, all in a row. I want the beneath them, but it insists on residing next to the last "bubble". I could probably do a bunch of
's, but that seems sloppy.  Any suggestions for a more proper way of doing this?

Thanks, here's the code:

#div1 {
height:100%;
width:100%;
position:absolute;
left:5px;
top:105px;
padding:0px;
margin:0px;
background-color:#000000;
}

#div2 {
padding:20px;
}

.bubble {
padding:3px;
float: left;
width:130px;
}
#div1 span {
cursor:pointer;
border-color:#333333;
padding:4px;
border-style:solid;
border-width:thin;
}

Source: http://community.livejournal.com/webdev/402012.html