Dieser Inhalt ist immer schön zentriert

… und passt sich der Browser-Breite an, wenn dadurch der Text nicht zu schlecht lesbar wird!

Lorem ipsum qui ex sale facilis, vel in quidam adolescens. Cum ut ludus homero liberavisse, ex nec lobortis scripserit reformidans. Ignota posidonium ea ius, eos atomorum pericula elaboraret eu. Mea inani deseruisse ea, at nam salutandi instructior, alii impetus dolorem cum at. Nibh eruditi definiebas an mea, per ut sonet debitis delectus.

Principes dignissim dissentias quo ea. Eirmod maluisset mnesarchum vix no, pri eu prodesset definiebas reprehendunt. Vis mutat numquam propriae ea, duo tollit quaeque gloriatur at. Vel ut odio repudiare consequat, qui ex congue inimicus temporibus. Pro cu imperdiet constituam persequeris, volumus facilisis in vis.

Vel ancillae offendit id, te eum nonumy mentitum, id per detracto postulant repudiandae. Tale disputationi et has, in eos feugiat alienum. Sit an amet detracto efficiantur, ut his aeque ridens eripuit. Posse ignota cu vel, in vel nonumy mucius. Et mei erat accumsan efficiendi, nobis nusquam atomorum pro id.


body {
   background-color:#e1e1e1;
   font-family:Georgia,Serif;
   line-height:1.5;
}

main {
   width:80%;
   
/* schaut mal nach & probiert aus, was diese nächsten 2 Werte bewirken! */
min-width:300px; max-width:600px; margin:20px auto; background-color:#fff; color:#444; padding:20px; border-radius: 5px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1); }