<div>
get the window size and find the middle and set the divider.<br />
<br />
use<br />
&nbsp; var wide = window.screen.availWidth<br />
&nbsp; var high = window.screen.availHeight
</div>


get the window size and find the middle and set the divider.

use
  var wide = window.screen.availWidth
  var high = window.screen.availHeight

<div>
Assume that the following is the divider:<br />
<br />
&lt;img src=&quot;divider.gif&quot; style=&quot;width: 200px; margin-left:auto; margin-right:auto;&quot; /&gt;<br />
<br />
width is the width of your image and divider.gif is the path of the image on the server.<br />

</div>


Assume that the following is the divider:

<img src="divider.gif" style="width: 200px; margin-left:auto; margin-right:auto;" />

width is the width of your image and divider.gif is the path of the image on the server.


<div>
<div class="content wysiwyg-content">
How do you center a divider in the middle of a page both vertically and horizontally so it's exactly in the middle of a browser?
</div>
</div>


How do you center a divider in the middle of a page both vertically and horizontally so it's exactly in the middle of a browser?

Centering a divider in middle of page?

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.