Hi!

ich habe notiert

footer {clear: both; margin-top: 2em;}

  
Nicht gut ...,  
denn Footer-Elemente könnte es durchaus mehrere geben!  
  
In deinem Fall, wenn es sich um den Page-Footer handelt, darfst du ihm auch ruhig eine ID verpassen:  
~~~css
#footer {clear: both; margin-top: 2em;}  

Und im HTML dann:

<footer id="footer">  
  bla bla bla  
</footer>  

in der Hoffnung, die unter footer stehenden Texte würden um 2em nach unten gerückt.
Dem ist leider nicht so. Erst wenn ich in dem Text z.B. <br><br> angebe, rückt der Text nach unten.

Das ist zum einen sehr missverständlich formuliert und zum anderen bedarf es dann eines Paddings (-top) und keines Margins (-top).

Ich vermute, dass das clear noch nicht durchgeführt ist, wenn das margin-top interpretiert wird?

Da vermutest du falsch. ;-)

Wie kann ich die Angabe des Zeilenvorschubs im Text vermeiden und ihn doch in CSS angeben?

Siehe oben!

Zum anderen wäre es aber hilfreich, wenn du etwas mehr von deinem HTML und CSS Code posten würdest, denn der bisherige Schnippsel reicht für eine "Analyse des Problems" nicht aus.

Denn ich vermute mal, dass dem Elternelement deiner gefloateten Elemente ein "overflow:hidden" fehlt.

Siehe: http://stackoverflow.com/questions/4198269/in-css-margin-top-is-not-working-with-clear-both

Gruß Gunther