Home/ Questions/Q 7170715
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T15:16:05+00:00

I would like to vertical center a div without JavaScript when its height isn’t

  • 0

I would like to vertical center a div without JavaScript when its height isn’t fixed.

I found here one idea.

I wonder if there are other solutions to this problem.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This works:

    Here’s link: http://jsbin.com/uvodop/2/edit

    See how it’s vertically aligned within the box. Height as well isn’t fixed.

    Hope it answers your question.

    <html>
<head>
    <title>HTML Div vertical align using CSS</title>
    <style type="text/css">
        .outerDiv {
            border: solid 1px #000000;
            width: 300px;
            padding: 5px 2px 5px 2px;
        }

        .innerDiv {
            width: 95%;
            margin: 0px auto;
            padding: 40px 0px 40px 5px;
            border: solid 1px #000000;
        }
    </style>
</head>
<body>
    <div class="outerDiv">
        <div class="innerDiv">
            This text is placed inside the next HTML div tag.<br />
            CSS style is used to vertical align the nested div and text.
        </div>
    </div>
</body>
</html>
    • 0