<!DOCTYPE html>
<html>
<head>
<title>2K code</title>
<meta charset="utf-8" />
<meta name="author" content="2K code" />
<meta name="robots" content="noindex" />
<style>
#menu div {width:24px;height:480px;margin:2px;overflow:hidden;float:left;border:2px solid #D4D4D4;text-align:center;transition:all .4s ease;}#menu div:focus {width:80%;height:480px;overflow:visible;outline:0;outline:none;}</style>
</head>
<body>
<div id="menu">
<div tabindex="1"><b>1</b><p style="padding:24px">Sección 1</p></div>
<div tabindex="2"><b>2</b><p style="padding:24px">Sección 2</p></div>
<div tabindex="3"><b>3</b><p style="padding:24px">Sección 3</p></div>
<div tabindex="4"><b>4</b><p style="padding:24px">Sección 4</p></div>
</div>
</body>
</html>
Crear cuenta
