Home/ Questions/Q 3492978
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T11:49:32+00:00

i have one div and some text inside it. to make my content horizontally

  • 0

i have one div and some text inside it. to make my content horizontally and vertically center i use a css. it works fine in firefox but content not being vertically center when test the following code in IE6.

so please guide me what i need add or change in my css.

my html code is

<html>
<head>
<title>Vertical Centering</title>
<style>
.content {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  background-color: green;
  height: 200px;
  width: 250px;

}
</style>
</head>
<body>
<div class="content">
Hello.
</div>
</body>
</html>

please have look at my css and tell me why it is not working in IE also please rectify my css in such a way as a result it should look same in all the browser.

thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    you can wrap your text with a span and then set position:relative and top:45%;

     .content span {
    position:relative;
    top:48%;    
}

    live example: http://jsbin.com/ovabo4/3

    • 0