<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>Pseudo-Classes and Pseudo-Elements</title>
<style>
img.demo1:hover {opacity:0.5;}
aside:first-of-type {background-color:Blue; color:White; padding:10px;}
aside:last-child {background-color:SteelBlue; color:White; margin-top:15px;}
article::first-line {text-style:italic; color:Green;}
article::first-letter {font-size:64px; float:left; color:MediumBlue; font-weight:bold; margin:-12px 3px -22px 0px;}
li::marker {content: "� "}
li::after {content: " �"}
::selection {background-color:Teal; color:Yellow;}
</style>
</head>
<body style="font-size:2.2em;">
<aside>Berlin<br><img src="images/berlin.jpg" alt="Berlin" style="width:400px; height:auto;" class="demo1"></aside>
<ul>
<li>Berlin</li>
<li>Hamburg</li>
<li>Munich</li>
</ul>
<article>
Berlin is the capital and largest city of Germany, by both area and population. With 3.7 million inhabitants, it has the highest population within its city limits of any city in the European Union. The city is also one of the states of Germany, being the third-smallest state in the country by area. Berlin is surrounded by the state of Brandenburg, and Brandenburg's capital Potsdam is nearby. The urban area of Berlin has a population of over 4.6 million, making it the most populous in Germany. The Berlin-Brandenburg capital region has around 6.2 million inhabitants and is Germany's second-largest metropolitan region after the Rhine-Ruhr region, as well as the fifth-biggest metropolitan region by GDP in the European Union.
</article>
<aside>
Berlin was built along the banks of the Spree river, which flows into the Havel in the western borough of Spandau. The city includes lakes in the western and southeastern boroughs, the largest of which is Müggelsee. About one-third of the city's area is composed of forests, parks and gardens, rivers, canals, and lakes.
</aside>
</body></html>
