<html>
<head>
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<meta charset="UTF-8">
<style>
ul.lingvo {
position: absolute;
display: none;
}
.intern:active ~ .lingvo, .intern:focus ~ .lingvo, .lingvo:hover {
display: block;
}
</style>
</head>
<body>
<ul>
<li><a href="about.html">Пункт1</a></li>
<!--Меню выбора языка-->
<li><a href="#" class="intern">Пункт2 с подменю</a>
<ul class="lingvo">
<li><a href="indexru.html" tabindex="0">подменю1</a></li>
<li><a href="indexen.html" tabindex="1">подменю2</a></li>
</ul>
</li>
</ul>
</body>
</html>
Средний
Простой
