Unbenannt

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">

<title></title>

<style type="text/css" media="screen">

<!--
body{background:black;}

#horizon
{
	color: white;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	border:1px solid black;
}

#content
{
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: #f00;
	margin-left: -125px;
	position: absolute;
	top: -35px;
	left: 50%;
	width: 250px;
	height: 70px;
	visibility:hidden; //set to visible on click
}


.headline
{
	font-weight: bold;
	font-size: 24px
}

-->

</style>

</head>

<body>

<a href="javascript:void(0);" onclick="document.getElementById['content'].style.visibility='visible';">click me</a>

<div id="horizon">

	<div id="content">

		This text is<br />

		<span class="headline">DEAD CENTRE</span>

		<br />

		and stays there!

	</div>

</div>

</body>

</html>