How do I right align div elements?

by

Floats are okay, but problematic with IE 6 & 7.

I’d prefer using the following on the inner div:

margin-left: auto; 
margin-right: 0;

See the IE Double Margin Bug for clarification on why.

More Related Contents:

  1. Align elements side by side
  2. Child inside parent with min-height: 100% not inheriting height
  3. Select elements by attribute in CSS
  4. How to prevent long words from breaking my div?
  5. How can I center into a div?
  6. Canvas has white space at the bottom and scrolls too far
  7. How to make a floated div 100% height of its parent?
  8. Disable webkit’s spin buttons on input type=”number”?
  9. How do I force a DIV block to extend to the bottom of a page even if it has no content?
  10. How to make fixed header table inside scrollable div?
  11. Actual table Vs. Div table
  12. Align two inline-blocks left and right on same line
  13. Is it valid to have paragraph elements inside of a heading tag in HTML5 (P inside H1)?
  14. Proper way to apply CSS to HTML5 custom elements
  15. blur of part of Background image with css
  16. Adjacent divs with angled borders? [duplicate]
  17. Two Divs next to each other, that then stack with responsive change
  18. Make HTML5 video poster be same size as video itself
  19. How to align a div to the top of its parent but keeping its inline-block behaviour?
  20. Using background-attachment:fixed in safari on the ipad
  21. Overflow to left instead of right
  22. HTML / CSS Popup div on text click [closed]
  23. Custom tags… why not?
  24. How to push a footer to the bottom of page when content is short or missing?
  25. Why box-sizing is not working with width/height attribute on canvas element?
  26. How do I make text bold in HTML?
  27. Center fixed div with dynamic width (CSS)
  28. Is it acceptable to use tables for forms? Or is it still more correct to use divs?
  29. Change an HTML input’s placeholder color with CSS
  30. Stacking DIVs on top of each other?

Leave a Comment