Wir haben hier den in Blogs üblichen Starttext mit einem "mehr..." Link, der weiteren Text einblendet. Hier geht es also nur um das Floaten der Textstelle, damit das Wort "mehr" immer rechts, am Ende der Zeile erscheint.
Der Link oder das a-Element wird mit der Klasse mehr ausgezeichnet und mit CSS formatiert. Hier kommt auch das praktische "Easy Clearing" zum Einsatz.
.mehr {
color: #CC0000;
white-space:nowrap;
float: right;
}
.mehr:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, sunt minus nemo rerum repudiandae hic architecto vero excepturi quidem necessitatibus. mehr...
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, possimus ipsa velit! Magni, aliquam sed iusto doloremque in odio. Quo, inventore pariatur amet adipisci facere omnis aliquam laboriosam eligendi qui amet, consectetur adipisicing. mehr...
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic, quidem, nulla perspiciatis quibusdam facilis rem consectetur. Eos, quod repudiandae cum amet, consectetur adipisicing elit. mehr...