LayoutTests/fast/css/create_element_align.xhtml - WebKit - Git at Google

 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
     <head>
         <title>Align test</title>
         <style type="text/css" media="all">
             .center {
                 text-align : center;
             }
         </style>
         <script type="text/javascript">
             function runTest() {
                 var textElement;
                 var DOMObj = document.getElementById("body");

                 if (DOMObj == null) {
                     alert("Can't get element with id \"body\"");
                     return;
                 }

                 textElement = document.createElement("p");
                 textElement.setAttribute("class", "center");
                 textElement.appendChild(document.createTextNode("Should be centered"));

                 DOMObj.appendChild(textElement);
             }
         </script>
     </head>
     <body id="body" onload="runTest()">
         <p>Below both lines should be centered. The first is static, the second is dynamically generated using javascript. Bug 14506.</p>
         <p class="center">Should be centered</p>
     </body>
 </html>
	<?xml version="1.0" encoding="UTF-8"?>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
	<title>Align test</title>
	<style type="text/css" media="all">
	.center {
	text-align : center;
	}
	</style>
	<script type="text/javascript">
	function runTest() {
	var textElement;
	var DOMObj = document.getElementById("body");

	if (DOMObj == null) {
	alert("Can't get element with id \"body\"");
	return;
	}

	textElement = document.createElement("p");
	textElement.setAttribute("class", "center");
	textElement.appendChild(document.createTextNode("Should be centered"));

	DOMObj.appendChild(textElement);
	}
	</script>
	</head>
	<body id="body" onload="runTest()">
	<p>Below both lines should be centered. The first is static, the second is dynamically generated using javascript. Bug 14506.</p>
	<p class="center">Should be centered</p>
	</body>
	</html>