@media screen{ body{ border-top : 20px double #FF9900; border-bottom: 20px double #FF9900; background : #eec;} h1{border: 15px groove #8A2BE2;} h2 { border : 15px dotted green; color :red;} h3{ border : 10px dashed #33FF33; } p.hide{color: red ;} } body { margin : 0cm 1cm 0cm 1cm; } h1 { text-align: center; font-size :3cm; } ul{ font-size : 15pt; } p{ font-size : 15pt; } .iwanttosee:hover + p.hide{display:block; } p.hide{ border :solid ; font-size : 2cm ; display:none } .happy{ border : solid ; background : yellow } .sad{ border : solid ; background : purple } .red { color : red} table,th,td{ border :solid thin} th { color : #F00; } th+th{ color: #F0F; } th+th+th{ color: orange; } th+th+th+th{ color: aqua; } th+th+th+th+th{ color: maroon; } th+th+th+th+th+th{ color: yellow; } th+th+th+th+th+th+th{ color: blue; } th:first-child{ color : red} th:last-child{ color : blue} td:first-child{ color : red } td:last-child{ color : blue} div.italy{ background: white; border: 1px solid black; width : 18ex ; height : 12ex; } div.red{ background:red; position: relative; left:12ex; height:12ex;width:6ex; } div.green{ background:green; position: relative; left :0px; height :12ex; width :6ex;top:-12ex; }