<div>
perfect, what did you change? thanks.
</div>


<div>
added the following<br />
<br />
height:200px; <br />
top:50%; <br />
left:50%; <br />
margin:-100px auto auto -150px;<br />
<br />
and removed<br />
<br />
min-height:100px; <br />
margin-top:50px; <br />
margin-left:9em;
</div>


added the following

height:200px;
top:50%;
left:50%;
margin:-100px auto auto -150px;

and removed

min-height:100px;
margin-top:50px;
margin-left:9em;

<div>
<div class="content wysiwyg-content">
i need to center the CSS alert box on screen in any screen size, possible?<br />
<br />
<br />
&lt;style&gt;<br />
&lt;!--Message box css--&gt;<br />
div#modalContainer { background-color:transpare<wbr />nt; position:absolute; width:100%; height:100%; top:0px; left:0px; &nbsp;z-index:10000; }<br />
#alertBox { position:absolute; width:300px; min-height:100px; margin-top:50px; margin-left:9em; border:1px solid #000; background-color:#F2F5F6; z-index:12000; }<br />
div#modalContainer &gt;&nbsp;#alertBox { position:fixed; }<br />
#modalContainer #alertBox h1 {color:#fff; margin:0; font-size:0.8em; background-color:#4e9600; border-bottom:1px solid #000; padding:5px; }<br />
#alertBox p { font:0.7em verdana,arial; height:50px; padding-left:5px; margin-left:55px; }<br />
#alertBox #closeBtn { color:#fff; display:block; position:relative; margin:5px auto; padding:3px; border:1px solid #000; width:70px; font-size:0.7em; text-transform:uppercase; text-align:center; background-color:#4e9600; text-decoration:none; }<br />
&lt;/style&gt;<br />

</div>
</div>


i need to center the CSS alert box on screen in any screen size, possible?


<style>

div#modalContainer { background-color:transparent; position:absolute; width:100%; height:100%; top:0px; left:0px;  z-index:10000; }
#alertBox { position:absolute; width:300px; min-height:100px; margin-top:50px; margin-left:9em; border:1px solid #000; background-color:#F2F5F6; z-index:12000; }
div#modalContainer > #alertBox { position:fixed; }
#modalContainer #alertBox h1 {color:#fff; margin:0; font-size:0.8em; background-color:#4e9600; border-bottom:1px solid #000; padding:5px; }
#alertBox p { font:0.7em verdana,arial; height:50px; padding-left:5px; margin-left:55px; }
#alertBox #closeBtn { color:#fff; display:block; position:relative; margin:5px auto; padding:3px; border:1px solid #000; width:70px; font-size:0.7em; text-transform:uppercase; text-align:center; background-color:#4e9600; text-decoration:none; }
</style>

center CSS box on screen

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.