How to align a div inside td element using CSS class

html center alignment html-table
MonsterMMORPG picture MonsterMMORPG · Aug 15, 2011 · Viewed 104.4k times · Source

It is working with this way

<td align="center">

But I want to use CSS class.

I defined class like this way but no luck

td
{
    vertical-align: middle;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    align: center;
}

Vertical align is working and text align is working for text. But it does not align div inside td with this way. I want to align div inside td.

Answer

Luuk picture Luuk · Aug 15, 2011 
div { margin: auto; }

This will center your div.

Div by itself is a blockelement. Therefor you need to define the style to the div how to behave.

Related questions

Center text in table cell

I can't seem to find the answer to my issue. I have a table with two rows and two columns (like the code shown below), how do I center align the text in specific cells. I would like to center …

Read More
How to align a <div> to the middle (horizontally/width) of the page

I have a div tag with width set to 800 pixels. When the browser width is greater than 800 pixels, it shouldn't stretch the div, but it should bring it to the middle of the page.

Read More
Center form submit buttons HTML / CSS

I'm having troubles centering my HTML form submit buttons in CSS. Right now I'm using: <input value="Search" title="Search" type="submit" id="btn_s"> <input value="I'm Feeling Lucky" title="I'm Feeling Lucky" name="lucky" type="…

Read More