MarginPadding


            .container1 {

                margin: 2em 2em 2em 2em;}

                display: inline; /*entspricht dem default */

.container2 {

            margin-top: 2em;

            margin-bottom: 2em;

            margin-left: 2em;

            margin-right: 2em;}

.container3

            { margin: 2em 2em 2em 2em;

              padding: 2em 2em 2em 2em;>}

verschachtelte cont.

.container3

        { margin: 2em 2em 2em 2em;

          padding: 2em 2em 2em 2em;>}

.container3

            { margin: 2em 2em 2em 2em;

              padding: 2em 2em 2em 2em;>}

display: inline-block; macht aus einem Bereich über die ganze Zeile was abgeschnittenes


            display: inline-block;

            background-color: white;

            border: solid 1px black;

Das ist irgendwie alles verwirrend