两个居中问题

1. label和textbox在div中居中

http://jsfiddle.net/53ALd/6/

<div>
    <label for='name'>Name:</label>
    <input type='text' id='name' />
</div>

div {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    border: 1px solid red;
}

2. 

http://stackoverflow.com/questions/618097/how-do-you-easily-horizontally-center-a-div-using-css

How do you easily horizontally center a <div> using CSS?

Question:

I'm trying to horizontally center a <div> block element on a page and have it set to a minimum width. What is the simplest way to do this? I want the <div> element to be inline with rest of my page. I'll try to draw an example:

page text page text page text page text
page text page text page text page text
               -------
               | div |
               -------
page text page text page text page text
page text page text page text page text

Answer:

In most browsers this will work...

Stylesheet

div.centre
{
  width: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

HTML

<div class="centre">Some Text</div>

In IE6 you will need to add another outer div...

Stylesheet

div.layout
{
  text-align: center;
}
div.centre
{
  text-align: left;
  width: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

HTML

<div class="layout">
  <div class="centre">Some Text</div>
</div>