FlorianX

/**
 * Übung Adaptives Layout
 */
* { box-sizing: border-box; }
body { padding: 0 1%; font-family: Arial, sans-serif; line-height: 1.6; }
nav ul { list-style: none; margin: 0; padding: 0; }
nav ul a { display: block; float: left; width:12.5%; font-weight: bold; }
#main, footer { clear: both; padding: 1em 0; }
footer { border-top: 1px solid #999; }
#main > section { float: left; width: 65%; }

FlorianX

/**
 * Vorlage Selektor-Übung
 */
a {
	color:#000;
	text-decoration:none;
}

#navi > li:nth-child(odd) > a,
#navi > li > ul > li:nth-child(odd) > a{

FlorianX

* The first commented line is your dabblet’s title
 */
body {
}
div{
float:left;
margin-right:70px
}
.flag1 {
background: linear-gradient(40deg, red 40%, white 40%, white 43%, black 43%, black 57%, white 57%, white 60%, red 60%);