Die Marginalie in CSS

Das ist ein einfacher Test um eine Marginalie in einem Blog zu nutzen.

Marginalien positionieren mit CSS

Ich habe viele Versuche hinter mir, Marginalien an genau der Stelle in den Fließtext zu schreiben, an der sie benötigt werden und dann aus dem Textfluß heraus zu nehmen und am Rand zu positionieren.
Einen breiten Rand rechts oder links in einem Blog Eintag zu verschwenden ist mir zuwieder, also werden es Infoboxen in der nähe der Teststelle.
Die Anmerkungen müssen gleich als Block-Bereiche definiert werden und das geht nur zwischen zwei Absätzen. Dann wird positioniert.Ich habe aber keine Lust meine Beiträge noch extrem mittels HTML Ansicht im Editor anzupassen, also wurde kurzer Hand das h6 entsprechend missbraucht und schon kann man vor dem Text seinen gewünschten Info Block erstellen.

Nun folgt der Versuch diesen Infoblock auch in einer Liste zu Nutzen:

Also folgende Aufzählung soll einen Info-Block erhalten.

• erster Punkt denken
• zweiter Punkt schreiben
• dritter Punkt massig Texter erstellen ohne seinen loremipsum Generator zu bemühen ist ja schon ein nicht wirklich tolles schreibseln.

  Dies sollte eigentlich der Infotest sein.

• hier nun der vierte Punkt an dem der Info Block angelegt werden soll
• Danach auch noch einen kurzen Punkt
• und Fertig!

Drucken