Buchstabenhausen Blog

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.

So geht`s

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;
}

 

Aktuelles aus der Vokalien

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, sunt minus nemo rerum repudiandae hic architecto vero excepturi quidem necessitatibus. mehr...

Die Abenteuer des jungen Blindtext

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...

Werbeagentur Kidnapping

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...