CSS Replacement for <Div Align="Center">

CSS replacement for div align=center

The text align center covers most of the text elements but a little extra is needed to centre align the table

div {width:400px; text-align:center;}
table {margin: 0 auto;}
table td {text-align: left;}

http://jsfiddle.net/NYuv8/4/

For an absolutely positioned element, you will need to set its width and use text-align: center to achieve the desired result.

.my-center{
  position: absolute;
  text-align: center;
  width: 100%;
}

<div class="my-center">
Center Aligned Text
</div>

<body>
    <div style="width:800px; margin:0 auto;">
        centered content
    </div>
</body>

You can make a div that contains both the form & the button, then make the div float to the right by setting float: right;.

In this case:

h1 {
    text-align:center;
}

jsFiddle example

The margin:auto rule is used when you set a width on the element, which you haven't done.

You should use text-align in CSS rather than using the obsolete html styling attributes.

td{
text-align:center;
}

Apply float:left; to both of your divs should make them stand side by side.

You have three options, whereby the first two options are a lot more reliable.

The first option uses flex-box to center the item horizontally and vertically.

div {  width: 100%;  height: 200px;  display: flex;  justify-content: center;  align-items: center;  background: blue;}
text {  background: orange;}

<div>   <text>Centered horizontally and vertically</text></div>