Home/ Questions/Q 664237
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T23:34:40+00:00

<div> <div class="left"> <div align="center" class="node"> <div class="nodeText"> <h2 >test</h2> </div> <div class="node"> <h2>test</h2>

  • 0
  <div>
<div class="left">
  <div align="center" class="node">
    <div class="nodeText">
      <h2 >test</h2>
      
  </div>
  <div class="node">
      <h2>test</h2>
  </div>
  <div class="node">
      <h2>test</h2>
  </div>
<div>

I need to center text in div nothing seems to work

.left {
  float:left;
  width:200px;
  border:solid 1px black;
  text-align: center;
}
.node {
  height:200px;
  border:solid 1px black;
  margin:0 auto;
}
.nodeText{
  vertical-align: middle;
}
h2{
     text-align: center;
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Do you mean vertical centering, horizontal centering or both?

    Horizontal centering of inline content is easy. Just apply text-align: center to the containing block. Centering horizontally a block within another block with CSS is typically done with:

    #centerMe { margin: 0 auto; }

    Note: on IE6 this requires that IE be in “standards compliant” rather than “quirks” mode. To force this always put a DOCTYPE on your HTML document. For example:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

    Vertical centering is much worse.

    You may want to look at Vertical Centering in CSS. This is actually a non-trivial problem. The vertical-align style property you’re using only applies to table cells (in a cross-browser backwards compatible way). This would be trivial to do with a table for what it’s worth.

    • 0