Thread: Fixed spacing in HTML/CSS without tables
View Single Post
Old 08-14-2012, 06:37 AM   #10
mmat1
Berti
mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.
 
mmat1's Avatar
 
Posts: 1,196
Karma: 4985964
Join Date: Jan 2012
Location: Zischebattem
Device: Acer Lumiread
Quote:
Originally Posted by Jellby View Post
But "inline-block" is not a supported (required) value in the ePub spec, and you need it to apply the width (you can't to an inline element).
That's right

So my solution would be:
Spoiler:

<head>
<title></title>
<style type="text/css">
/*<![CDATA[*/
p { margin-left: 3em; text-indent: 0; }
.label { text-indent: -3em; float: left }
/*]]>*/
</style>
</head>

<body>
<p><span class="label">Eins:</span>Fest gemauert in der Erden<br />
Steht die Form aus Lehm gebrannt.<br />
Heute muß die Glocke werden!<br />
Frisch, Gesellen, seid zur Hand!</p>

<p><span class="label">Zwei:</span>Von der Stirne heiß<br />
Rinnen muß der Schweiß,<br />
Soll das Werk den Meister loben;<br />
Doch der Segen kommt von oben.</p>
</body>
mmat1 is offline   Reply With Quote