p {
    box-sizing: content-box;
        
    /*  Das ist die eigentliche Standardeinstellung - muss nicht extra eingegeben werden */
    /* Aber mit with: 50%; bekomme ich keine 2 Absätze nebeneinander,
    * Warum? 
    * vgl. im W3C box modell oberes Bild
    * 
    * deshalb mit  
    *        box-sizing: border-box;  arbeiten
    * vgl. im W3C box modell unteres Bild
    * 
    * Jetzt kann mit with: 50%; gearbeitet werden und 2 Absätze gehen nebeneinander 
    * 
    * css Datei sieht dann so aus:
    * 
    *  
    box-sizing: border-box;
    width: 50%;
    padding: 50px;
    border: solid black 5px;
    float: left;
    *        
    *  ausprobiern und speichern unter eigener Datei: mit style-1.css
    *   
    Achtung: margin wurde weggelassen, würde die Gesamtbreite zerstören
    * */

    with: 500px;
    /*  500px gilt für die die Breite der Standardbox (im W3C box modell oberes Bild) */

    padding: 50px;
    /*  zu den 500px kommen ein Rand Innenabstand 50px dazu! */

    border: solid black 10px;
    /*  zu den 500px kommen die 50px (Innenabstand)  )und jetzt vom Rahmen 10px dazu! */

    margin: 50px;
    /*  zu den 500px kommen die 50px (Innen) )plus Rahmen mit 10px und jetzt Aussenabstand 50px dazu! */
    /*  die 50px von margin überlappen sich zwischen erstsm und zweitem Absatz! */
    /*  mit float: left; kann links ausgerichtet werden */
}