<div class="ronja41hrl"><div class="ronja41hgl"><div class="ronja41h3l">Der Gesuchte</div><div class="ronja41h4">Überschrift</div>
Es waren einmal HTML und CSS. Sie hatten einander so lieb, dass der eine nicht ohne den anderen sein konnte. Am liebsten hielten sie einander an Hochkommata. Dabei war das starke HTML meistens draußen. Es beschützte das CSS, wo auch immer es war.

<div class="ronja41h4">Überschrift</div>
Noch lieber war es HTML, wenn CSS zu Hause zwischen den Style-tags blieb. Da konnte dann nämlich auch jeder gleich sehen, wie vielfältig und bunt es war. Meistens gefiel es CSS dort sehr gut. Auch wenn es sich manchmal von seiner Umgebung, MyBB oder wbblite, einschüchtern ließ.

<div class="ronja41h4">Überschrift</div>
Da brauchte HTML dann die Hilfe von Coder, um CSS zu überreden. Aber auch sonst machte Coder sehr viel mit ihnen. Er war der beste Freund von HTML und CSS. Auch wenn sie ihn manchmal ärgerten. Dann musste Coder sehr oft bitte sagen. Oder ein bisschen fluchen.
</div></div>
<div class="ronja41hrr"><div class="ronja41hgr">
<div class="ronja41h3r">Sonstiges</div>
<div class="ronja41h4">Der Suchende</div>
Noch lieber war es HTML, wenn CSS zu Hause zwischen den Style-tags blieb. Da konnte dann nämlich auch jeder gleich sehen, wie vielfältig und bunt es war. Meistens gefiel es CSS dort sehr gut. Auch wenn es sich manchmal von seiner Umgebung, MyBB oder wbblite, einschüchtern ließ.

<div class="ronja41h4">Der Suchende</div>
Noch lieber war es HTML, wenn CSS zu Hause zwischen den Style-tags blieb. Da konnte dann nämlich auch jeder gleich sehen, wie vielfältig und bunt es war. Meistens gefiel es CSS dort sehr gut. Auch wenn es sich manchmal von seiner Umgebung, MyBB oder wbblite, einschüchtern ließ.

<div class="ronja41h4">Allgemeine Infos</div>
Da brauchte HTML dann die Hilfe von Coder, um CSS zu überreden. Aber auch sonst machte Coder sehr viel mit ihnen. Er war der beste Freund von HTML und CSS. Auch wenn sie ihn manchmal ärgerten. Dann musste Coder sehr oft bitte sagen. Oder ein bisschen fluchen.
</div></div>


<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Merriweather+Sans" rel="stylesheet"><style type="text/css">#ronja41body { background: #EEEEED; width: 500px; box-sizing: border-box; padding: 10px 0px 20px 0px; } /*
GEDREHT
*/ .ronja41hrl { transform: rotate(-1deg); text-align: justify; font-family: 'Merriweather Sans', sans-serif; font-size: 10px; color: #222222; line-height: 17px; border: solid 1px #034078; box-sizing: border-box; margin: 15px 40px 0px 25px; padding: 15px 15px 30px 30px; } .ronja41hrr { transform: rotate(0.5deg); text-align: justify; font-family: 'Merriweather Sans', sans-serif; font-size: 10px; color: #222222; line-height: 17px; border: solid 1px #034078; box-sizing: border-box; margin: 15px 25px 0px 40px; padding: 15px 30px 30px 15px; } .ronja41hgl { transform: rotate(1deg); padding: 5px 0px 0px 0px; background: #f8f8f8; box-shadow: 10px 20px 0px 0px #f8f8f8, -20px -10px 0px 0px #f8f8f8, 10px -10px 0px 0px #f8f8f8, -20px 20px 0px 0px #f8f8f8; } .ronja41hgr { transform: rotate(-0.5deg); padding: 5px 0px 0px 0px; background: #f8f8f8; box-shadow: 20px 20px 0px 0px #f8f8f8, -10px -10px 0px 0px #f8f8f8, 20px -10px 0px 0px #f8f8f8, -10px 20px 0px 0px #f8f8f8; } /*
UEBERSCHRIFTEN
*/ #ronja41h1 { text-transform: lowercase; font-family: 'Abril Fatface', serif; font-size: 40px; color: #034078; letter-spacing: 2px; padding: 15px 0px 0px 0px; font-weight: bold; text-shadow: 1px 1px 0px #001F54; margin-bottom: -6px; } .ronja41h2 { text-transform: uppercase; font-family: 'Merriweather Sans', sans-serif; font-size: 8px; letter-spacing: 3px; color: #034078; } .ronja41h3l { transform: rotate(-1deg); text-align: center; text-transform: lowercase; font-family: 'Abril Fatface', serif; font-size: 20px; color: #034078; letter-spacing: 3px; font-weight: bold; text-shadow: 1px 1px 0px #1282A2; padding-bottom: 7px; } .ronja41h3r { transform: rotate(0.5deg); text-align: center; text-transform: lowercase; font-family: 'Abril Fatface', serif; font-size: 20px; color: #034078; letter-spacing: 3px; font-weight: bold; text-shadow: 1px 1px 0px #1282A2; padding-bottom: 7px; } .ronja41h4 { text-transform: uppercase; font-family: 'Merriweather Sans', sans-serif; font-size: 10px; letter-spacing: 3px; color: #111111; margin: 2px 0px -2px 0px; } .ronja41h5r { text-align: right; text-transform: uppercase; font-family: 'Merriweather Sans', sans-serif; font-size: 8px; letter-spacing: 3px; color: #1282A2; padding: 10px 20px 10px 0px; } .ronja41h5l { text-align: left; text-transform: uppercase; font-family: 'Merriweather Sans', sans-serif; font-size: 8px; letter-spacing: 3px; color: #1282A2; padding: 10px 0px 10px 30px; }</style>