Page is a not externally linkable
lucy24 - 4:55 am on Sep 13, 2012 (gmt 0)
This works in current Mac browsers ("quirks" mode-- I just slapped on an html without a proper dtd). It does not work in MSIE 5. Duh ;) <html>
<head>
<style type = "text/css">
body {line-height: 1.2em;}
.data {text-align: center; padding: 0 10px; margin: 2em 0;
overflow: hidden;}
span.left {float: left; text-align: left; padding-right: 1em; max-width: 40%;}
span.right {float: right; text-align: right; padding-right: 1em; max-width: 40%;}
.cutoff {height: 1.2em;}
</style>
</head>
<body>
<div class = "data">
<span class = "left">Data A</span>
<span class = "right">Data C</span>
Data B
</div>
<div class = "data">
<span class = "left">Quo usque tandem abutere, Catilina, patientia nostra? Quam diu etiam furor iste tuus eludet? Quem ad finem sese effrenata jactabit audacia? Nihilne te nocturnum praesidium Palatii, nihil urbis vigiliae, nihil timor populi, nihil concursus bonorum omnium, nihil hic munitissimus habendi senatus locus, nihil horum ora vultusque moverunt. Patere tua consilia non sentis? Constrictam omnium horum scientia teneri conjurationem tuam non vides? Quid proxima, quid superiore nocte egeris, ubi fueris, quos convocaveris, quid consilii ceperis, quem nostrum ignorare arbitraris? O tempora, O mores!</span>
<span class = "right">Quo usque tandem {et cetera, same text}</span>
Quo usque tandem {et cetera, same text}
</div>
<div class = "data cutoff">
<span class = "left">Quo usque tandem {et cetera, same text}</span>
<span class = "right">Quo usque tandem {et cetera, same text}</span>
Quo usque tandem {et cetera, same text}
</div>
</body>
</html>
I made it a class instead of an id just so I could try several of them on the same page.
Memo to self: "O tempora! O mores!" is not from Horace. "O tempora! O mores!" is not from Horace. "O tempora! O mores!" is not from Horace. Got that?