*/ ?>
ここに文字とか画像入れたら
中央表示になるばい！

解説

ブロック要素を上下左右中央寄せしています。
2行以上の複数行に渡るテキストや画像などにも対応しています。
テキストがセンタリングするのが嫌な場合は、DIVで囲ってDIVをセンタリングした後、text-alignでテキストだけ左に寄せて下さい。

htmlソース


    

        
        

        ここに文字とか画像入れたら

        中央表示になるばい！

CSSソース

.updowncenter_wrapper {
    width: 100%;
	height:400px;
    padding:15px;
    display: table;
    margin:0 auto;
    background-color:#FFF3E8;
}

.updowncenter_contents1 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    /position: relative;
    /top: 50%;
}

.updowncenter_contents2 {
    /position: relative;
    /top: -50%;
}

.textbox{
    width:250px;
    margin:0 auto; 
    text-align:left;
}