Code:
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=BenchNine:300|Oswald:300" rel="stylesheet"> <link href='https://fonts.googleapis.com/css?family=News+Cycle' rel='stylesheet' type='text/css'>
<style type="text/css">/*
HINTERGRUNDBOX
*/.abschluss_back{width: 500px; height: auto; padding: 25px 15px; margin: auto; border-bottom: 50px solid #0b2479; border-top: 25px solid #0b2479; background-color: #050202; font-size: 8px; box-sizing: border-box;}/*
BILD
*/.abschluss_bild{width: 150px; height: 150px; margin: auto; background-image: url('https://lslv.de/gallery/616_15_06_18_2_51_43.gif'); border: 3px solid #31101b; box-sizing: border-box;}/*
FAKTEN
*/.abschluss_facts{width: 130px; height: auto; padding: 2px; margin: 9px 0px auto; background-color: #31101b; text-align: center; color:#a96a52; font-family: 'Calibri',sans-serif; font-size: 11px; text-transform: uppercase; box-sizing: border-box;}/*
*/.abschluss_factsboxlinks{width: 130px; height: 150px; padding: 2px; margin: auto; float:left; box-sizing: border-box;}/*
*/.abschluss_factsboxrechts{width: 130px; height: 150px; padding: 2px; margin: auto; float:right; box-sizing: border-box;}/*
TEXT
*/.abschluss_text{height: 550px; opacity: 0.8; padding: 10px; font-family: 'Calibri'; font-size: 11px; line-height: 125%; overflow: auto; color:#ffffff; text-align: justify;}/*
*/.abschluss_text i{font-style: italic; opacity: 0.9; color: #ffffff;}/*
*/.abschluss_text b{font-weight: bold; opacity: 0.8; color:#ffffff;}/*
*/.abschluss_text u{text-decoration: underline; opacity: 0.9; color:#880000;}/*
HEADLINES
*/.abschluss_titel{padding: 15px; padding-bottom: 1px; margin: auto; font-family: 'BenchNine', sans-serif; font-size: 50px; line-height: 80%; text-align: center; text-transform: uppercase; color: #02051A; box-sizing: border-box;}/*
*/.abschluss_subtitel{width: 320px; margin: -5px auto; padding: 3px; font-family: 'Calibri', sans-serif; font-size: 10px; letter-spacing: 3px; text-align: center; color: #a96a52; opacity: 0.7; text-transform: lowercase; box-sizing: border-box;}/*
*/.abschluss_titels{padding: 15px; padding-bottom: 1px; margin: auto; font-family: 'BenchNine', sans-serif; font-size: 25px; line-height: 80%; text-align: center; text-transform: uppercase; color: #0b2479; box-sizing: border-box;}/*
FAMILIE
*/.abschluss_famlinks{padding: 13px; width: 120px; height: 80px; margin: auto; font-family: 'BenchNine', sans-serif; font-size: 20px; line-height: 80%; letter-spacing: 2px; text-align: center; color: #551a8b; float:left; box-sizing: border-box;}/*
*/.abschluss_famrechts{padding: 13px; width: 120px; height: 80px; margin: auto; font-family: 'BenchNine', sans-serif; font-size: 20px; line-height: 80%; letter-spacing: 2px; text-align: center; color: #551a8b; float:right; box-sizing: border-box;}/*
*/.abschluss_famtext{margin: auto; margin: 1px auto; font-family: 'News Cycle', sans-serif; font-size: 9px; letter-spacing: 1px; text-align: center; color:#ffffff; box-sizing: border-box;}/*
CHARAKTER
*/.abschluss_charbox{width: 400px; margin: auto;}/*
*/.abschluss_charl{float:left; width: 200px; margin: auto; padding: 10px; box-sizing: border-box;}/*
*/.abschluss_charr{float:left; width: 200px; margin: auto; padding: 10px; box-sizing: border-box;}/*
*/.abschluss_charhead{font-family: 'Roboto', sans-serif; font-size: 11px; margin-bottom: 5px; line-height: 100%; letter-spacing: 1px; text-transform: uppercase; text-align: center; color: #551a8b;}/*
*/</style><div class="abschluss_back"><div class="abschluss_text"><div class="abschluss_titel">Tagebuch</div>
<div class="abschluss_subtitel">von ... </div>
<div class="abschluss_titels">Datum</div>
<div class="abschluss_subtitel">Playpartner | Ort</div>
Was habt ihr erlebt?
<div style="clear:both;"></div>
<div class="abschluss_titels">Datum</div>
<div class="abschluss_subtitel">Playpartner | Ort</div>
Was habt ihr erlebt?
<div style="clear:both;"></div>
<div class="abschluss_titels">Datum</div>
<div class="abschluss_subtitel">Playpartner | Ort</div>
Was habt ihr erlebt?
<div style="clear:both;"></div>
</div></div>