MxPx - Gimme Christmas

Cellphone time

Today I made a startling discovery on my cellphone. I started a contract about 5 months ago and I received an N73. Today I was curious about how long one of the calls I had made; Just to get a better concept of estimating how long I've been on calls. (My phone doesn't display call duration after the call ends)

So I go to the call log and call durations.... Well I was surprised, because the phone had kept statistics on total out call duration, total in call duration, and the total of those together. I had spent, in 5 months of having my phone, 23 hrs and 53 minutes on the phone. omw, I don't even use my phone a lot - just goes to show how technology has fused itself into our everyday lives.

1 Whole day of my life in 5 months was spent jabbing away into a hunk of metal and plastic.

Time is a commodity.

BR cleaner VS other cleaners

I've always got a bit of a mess on my hands when I'm finished CSS'ing an HTML form. With all the different forces shaping form development I sometimes find it difficult to get a form to look exactly the same in every browser, and to look pretty when degraded out of CSS.

Traditionally I've used divs or spans as a 'cleaner' element to clear the floats above it. I don't know where I learned this common trick, but for as long as I can remember now I've used the cleaner class and some empty divs round around the form to try correct line breaks and the form layout.

Completely randomely I tried something different today. I used a line break element as my cleaner. omg - Why have I never done this before? Now my line breaks act as line breaks when
CSS fails, and then they act as cleaners with CSS enabled. So far its been too good to be true,.. literally; I'm waiting to see why I haven't seen this elsewhere - Waiting to see where it breaks.

Here's a demo of what my cleaners now look like:

<style>
br {
    display: none;
}
.cln {
    display: block;
    clear: both;
}
</style>
... blah blah fish paste ...
<div>My floated left element</div>
<div>My floated right element</div>
<br class="cln" />
<div>The rest of my content</div>

Some last notes:
I hide all line breaks by default because they are really there only for graceful degradation. If the client has CSS enabled then I don't want extra line breaks mucking up my presentation. On the other hand, when CSS is enabled then the linebreaks with the 'cln' class will be displayed and, simply put, line break over the above floated elements.