Vertical Align a <DIV>

[xarzu]

I have managed to horizontally align a Div object. Here is how I did it. I got the width and the height of the object I wanted to center (XAML CODE)

<Grid  Background="White" Height="300" Width="738" VerticalAlignment="Center" HorizontalAlignment="Center">

Then, in the html file that hosts the silverlight control I did this:

 <div id="silverlightControlHost" style="width:738px; height: 300px;  margin-top:auto; margin-bottom:auto;   margin-left: auto; text-align:center; margin-right: auto;">

That puts the control centered horizontally at the top of the web page.

Now, how do I center it vertically?

 

[kgaurav]

Give it line-height:300px, it will be center align vertically.