<div>
also, check your case on the div ID. &nbsp;the java code calls for &quot;newDateID&quot; but the element name is &quot;NewDateID&quot;
</div>


also, check your case on the div ID.  the java code calls for "newDateID" but the element name is "NewDateID"

<div>
<div class="content wysiwyg-content">
Hello expert,<br />
<br />
I have read several places that to center a block<br />
with css one should use<br />
margin-left: auto; margin-right: auto;<br />
but it doesn't seem to work in the code below.<br />
<br />
Thanks<br />
<br />
Allen in Dallas<br />
<br />
PS <br />
In IE 8 the Javascript the date writes but the centering does not work.<br />
In FireFox 30 the centering works but the JavaScript date does not write.<br />
<br />
++++++++begin code++++++++++++++++<br />
<br />
&lt;HTML&gt;<br />
&lt;HEAD&gt;<br />
&lt;title&gt; JS Date &lt;/title&gt;<br />
&lt;style type=&quot;text/css&quot;&gt;<br />
div {font-family:arial; color:sienna;}<br />
&lt;/style&gt;<br />
&lt;/HEAD&gt;<br />
&lt;BODY&gt;<br />
&lt;font face=&quot;arial&quot; size=&quot;4&quot;&gt;This writes<br />
the date. &lt;br /&gt;It is an example of inline Javascript.&lt;/font&gt;&lt;/br &gt;<br />
&lt;div style = &quot;background-color: yellow; width: 600px; height: 200px; margin-left: auto; margin-right: auto;&quot;&gt;<br />
<br />
&lt;div style = &quot;background-color: #004280; color: #FFFFFF; width: 400px; height: 100px; text-align: center; margin-left: auto; margin-right: auto;&quot;&gt;<br />
<br />
&lt;script type=&quot;text/javascript&quot;&gt;<br />
window.onload=function(){<br />
<br />
var now = new Date();<br />
document.getElementById('n<wbr />ewDateID')<wbr />.innerHTML<wbr /> = now;<br />
}<br />
&lt;/script&gt;<br />
&lt;p id = &quot;NewDateID&quot;&gt;&lt;/p&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;<br />
<br />
&lt;/body&gt;<br />
&lt;/html&gt;<br />
++++++++end code++++++++++++++++
</div>
</div>


Hello expert,

I have read several places that to center a block
with css one should use
margin-left: auto; margin-right: auto;
but it doesn't seem to work in the code below.

Thanks

Allen in Dallas

PS 
In IE 8 the Javascript the date writes but the centering does not work.
In FireFox 30 the centering works but the JavaScript date does not write.

++++++++begin code++++++++++++++++

<HTML>
<HEAD>
<title> JS Date </title>
<style type="text/css">
div {font-family:arial; color:sienna;}
</style>
</HEAD>
<BODY>
<font face="arial" size="4">This writes
the date. <br />It is an example of inline Javascript.</font></br >
<div style = "background-color: yellow; width: 600px; height: 200px; margin-left: auto; margin-right: auto;">

<div style = "background-color: #004280; color: #FFFFFF; width: 400px; height: 100px; text-align: center; margin-left: auto; margin-right: auto;">

<script type="text/javascript">
window.onload=function(){

var now = new Date();
document.getElementById('newDateID').innerHTML = now;
}
</script>
<p id = "NewDateID"></p>
</div>
</div>

</body>
</html>
++++++++end code++++++++++++++++

Center block with CSS

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.