DISPLAYING DATA WITH TABLES - HTML5 - page 107

< style type = ”text/css” >
body {
font - family : Verdana , Geneva , sans - serif ;
font - size : 12px ;
}
h1 {
font - family : ”Arial Black” , Gadget , sans - serif ;
width : 520px ;
text - align : center ;
color : #005500;
}
. story {
display : table ;
}
. col1 {
display : table - cell ;
width : 250px ;
padding - right : 20px ;
color : #cc0000;
}
. col2 {
display : table - cell ;
width : 250px ;
color : blue ;
}
</ style >
< meta http - equiv = ”Content-Type” content = ”text/html; charset=UTF-8” >
< title > Table with Display Property </ title >
</ head >
< body >
< header >
< h1 > 2010 World Cup </ h1 >
< div class = ”col1” >< img src = ”cupImages/us.gif” ></ div >
< div class = ”col2” >< img src = ”cupImages/england.gif” ></ div >
</ header >
< br >
< article class = ”story” >
< section class = ”col1” > During the 2010 FIFA World Cup in South Africa, each country
was represented by one team. The United States was made up of players from all over
the U.S., where soccer has been played by youth teams for the last 40 years.
However, soccer has not caught on with the same enthusiasm in the United States as
it has in the rest of the world—where it is known as “football.” Nevertheless , the
U . S . team did well , winning its class in the first round of play .</ section >
< section class = ”col2” > One of the few nations that has more than a single country
represented in World Cup play is the United Kingdom . In the first round of play ,
the United States and England , represented by the St . George flag (rather than the
Union Jack), played to a tie. The tie delighted the Americans and dismayed the
English. Like the U.S., England made it to the second round, and, like the U.S.,
they, too, failed to move on to the next level .</ section >
</ article >
</ body >
</ html >

111