Posted By

neal_grosskopf on 02/25/09

Tagged

css
jquery

Versions (?)

Last Edited at 02/25/09 08:03am

Statistics

Viewed 754 times

Favorited by 6 user(s)

Related snippets

Vertical Align JQuery Plugin

/ Published in: jQuery

Learn how to place a DIV in the exact middle of the screen using this JQuery horizontal & vertical align plugin.

Highlighted TextExpand

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Demo</title>

$(document).ready(function() {
	$("#content").vAlign();
	$("#content").hAlign();
});
</script>

#content
{
background: #fff;
border: 10px solid #eee;
padding: 20px;
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 25px;
text-align: justify;
}

#content { width: 400px; }
</style>

</head>

<body>

<div id="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu dui eget nulla condimentum gravida. Vivamus erat leo, ultricies quis, gravida a, fringilla eu, urna. Pellentesque a mauris ac nisl semper egestas. Pellentesque ut elit in pede mattis gravida. Donec ac lectus a nisi suscipit placerat. Maecenas quis ipsum. Pellentesque mattis tellus. Suspendisse sollicitudin accumsan tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed metus. Quisque et leo at erat rutrum lobortis. In tempus lectus eget ligula convallis tristique. 
</div>

</body>
</html>

URL: http://www.nealgrosskopf.com/tech/thread.asp?pid=37

Report this snippet Tweet