/*
 * CSS file for 2020 Information Desing
 */
body {background: #eec;}
h1 {text-align: center; color: navy;}
h2 {border: 10px dotted green; padding: 1ex 2em;}
p {
    border: 5px inset navy; padding: 1ex 3em; 
}

p.iwantosee:active + p.hide {display: block;}
p.hide {display: none;}


div.italy { /* 外枠のスタイル 18ex×12ex 背景は白 */
  background: white;
  border: 1px solid black; width: 18ex; height: 12ex;
}
div.red   { /* 内側で position:relative で相対座標を指定する */
  background: red;
  position: relative; left: 12ex; height: 12ex; width: 6ex;
}
div.green {
  background: green;
  position: relative; left: ???; height: ????; width: ???;
}