Testing Clearing Floats
The problem
date: 2018-02-03
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doeiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enimad minim veniam,
quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo
consequat. Duis aute irure dolor inreprehenderit in voluptate velit esse.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doeiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enimad minim veniam.
date: 2018-02-04
The W3C solution: <br...
date: 2018-02-03
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doeiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enimad minim veniam,
quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo
consequat. Duis aute irure dolor inreprehenderit in voluptate velit esse.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doeiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enimad minim veniam.
/home/michel/Documents/Site/michel/local/program/misc/dnld/test.html
date: 2018-02-04
A similar solution: <div ...
date: 2018-02-03
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doeiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enimad minim veniam,
quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo
consequat. Duis aute irure dolor inreprehenderit in voluptate velit esse.
/home/michel/Documents/Site/michel/local/program/misc/dnld/test.html
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doeiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enimad minim veniam.
date: 2018-02-04
The clearfix solution
date: 2018-02-06
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doeiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enimad minim veniam,
quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo
consequat. Duis aute irure dolor inreprehenderit in voluptate velit esse.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doeiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enimad minim veniam.
date: 2018-02-04
The simplest: overflow:auto
date: 2018-02-06
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doeiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enimad minim veniam,
quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo
consequat. Duis aute irure dolor inreprehenderit in voluptate velit esse.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doeiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enimad minim veniam.
date: 2018-02-04
Peter-Paul Koch: overflow:hidden; & width
date: 2018-02-06
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doeiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enimad minim veniam,
quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo
consequat. Duis aute irure dolor inreprehenderit in voluptate velit esse.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doeiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enimad minim veniam.
date: 2018-02-04
The new modern clearfix (called clearfloats here)
date: 2018-02-06
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doeiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enimad minim veniam,
quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo
consequat. Duis aute irure dolor inreprehenderit in voluptate velit esse.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doeiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enimad minim veniam.
date: 2018-02-04