Set a div width align div center and text align left

Question

I have a small problem but I can t get it solved   I have a content header of 864px width  a background image repeated-y and footer image  Now I have this  lt div gt  over the background image and I want it to be like 855px width and the text align left but yet aligned center so it fits in the bg   I once had it oke width some padding left but I figured out that was the correct padding for my screen resolution   Soo briefly it is  Setting a div width - align the div center - align its text  content  left

User · Answer

Use auto margins  div      margin-left  auto     margin-right  auto     width  NNNpx         NOTE  Only works for non-floated block elements       display  block     float  none     Further reading at SimpleBits CSS Centering 101

User · Answer

All of these answers should suffice  However if you don t have a defined width  auto margins will not work   I have found this nifty little trick to centre some of the more stubborn elements  Particularly images     div      position  absolute     left  0     right  0     margin-left  0     margin-right  0

User · Answer

Try    your div id     width  855px    margin 0 auto    text-align  center

User · Answer

Set auto margins on the inner div    lt div id  header  style  width 864px   gt       lt div id  centered  style  margin  0 auto  width 855px   gt  lt  div gt   lt  div gt    Alternatively  text align center the parent  and force text align left on the inner div    lt div id  header  style  width 864px text-align  center   gt       lt div id  centered  style  text-align  left  width 855px   gt  lt  div gt   lt  div gt

[html] Set a div width, align div center and text align left

Examples related to html

Examples related to css