19 lines
712 B
HTML
19 lines
712 B
HTML
<!doctype html>
|
|
<html lang="en"><meta charset="utf-8"><title>Cthulhu Browser Probe</title>
|
|
<style>
|
|
body { margin: 8px; }
|
|
.row { height: 60px; }
|
|
a { display: block; position: relative; width: 140px; }
|
|
.center { left: calc(50% - 70px); }
|
|
.right { left: calc(100% - 140px); }
|
|
@media (max-width: 1000px) { main { margin-top: 1000px; } }
|
|
</style>
|
|
<h1 tabindex="0">Sound fixture start</h1>
|
|
<main>
|
|
<div class="row"><a href="#destination"><span>Left link label</span></a></div>
|
|
<div class="row"><a class="center" href="#destination"><span>Center link label</span></a></div>
|
|
<div class="row"><a class="right" href="#destination"><span>Right link label</span></a></div>
|
|
</main>
|
|
<p id="destination">Destination</p>
|
|
</html>
|