Skip to content

Instantly share code, notes, and snippets.

@ststeiger

ststeiger/Center_Screen.htm

Created March 23, 2015 09:15
Show Gist options
  • Save ststeiger/ad23af7c4999c2c5a11a to your computer and use it in GitHub Desktop.
Save ststeiger/ad23af7c4999c2c5a11a to your computer and use it in GitHub Desktop.
Download ZIP
Center Text Horizontally & Vertically
Raw
Center_Screen.htm
<!DOCTYPE html>
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta charset="UTF-8" />
<title>Redirect to new test portal</title>
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
<!--
<meta http-equiv="refresh" content="5;url=https://www5.cor-asp.ch/SwissRe_Test_Portal/"></meta>
-->
<style type="text/css" media="all">
html, body
{
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<!--
<div style="position:absolute; top: 0px; right: 50px;">
<img src="Logo.png" alt="Logo" />
</div>
-->
<div class="greenBorder" style="display: table; width: 100%; height: 100%; #position: relative; overflow: hidden;">
<div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
<div class="greenBorder" style=" #position: relative; #top: -50%">
<div style="display: table; margin-right: auto; margin-left: auto;">
<!--
<b>TEST environment</b>
-->
New link for {Program}
<br />
<hr />
To access {Program}, follow this link
<a href="{URL}">{URL}</a>
<br /><br />
If you have bookmarks on your Internet Browser, please update them as
<a href="{URL}">{URL}</a>
<br /><br />
<hr />
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment