How to fix the Site Meter widget

As requested at the end of our "Setting Up a Site Meter widget" handouts, we are to make the Site Meter widget "not ugly". By this he means we are to fix the formatting of the widget to look more like the Creative Commons widget.

So what I did was I went in and looked at the coding of the Creative Commons widget and compared it to the coding of my Site Meter widget. The one thing that stuck out to me was that part of the coding for the Creative Commons widget was encased within < div > tags. Now at this point my HTML knowledge is very limited so I had the slightest idea what that meant. However from previous programming classes I know that much of my understanding of the language was from duplicating what I saw. So I took the coding I saw, and embedded my Site Meter widget within these < div > tags. So now my Site Meter widget code begins with < div class="widget-content" > and ends with < /div >.

Doing this did in fact align my Site Meter widget properly, although my understanding of why this happened is still very limited. I did some online research of the < div > tag and came across this site. Most of the material on the site at this point is gibberish to me, but from it ive been able to conclude that the < div > tag is used to format blocks of HTML.