CSS Tip: Float example

Posted in CSS, Responsive Design

Using CSS floats is very commonplace for web pages layouts and designs and here is just another example.

I needed a layout for an interior page that would display information in a pseudo calendar format with dates on one side and the event description on the other. I wanted it to be easy to read and would look fine on smaller devices without making any style changes.

So this is what I came up with:

Demo: http://jsfiddle.net/QS3sA/1/

Leave a Reply

Your email address will not be published. Required fields are marked *