How to align two elements on the same line without changing HTML

by

Using display:inline-block

#element1 {display:inline-block;margin-right:10px;} 
#element2 {display:inline-block;}

Example

More Related Contents:

  1. CSS margin terror; Margin adds space outside parent element [duplicate]
  2. Why does this CSS margin-top style not work?
  3. How wide is the default “ margin?
  4. How do you keep parents of floated elements from collapsing? [duplicate]
  5. How to align 3 divs (left/center/right) inside another div?
  6. Why is there an unexplainable gap between these inline-block div elements? [duplicate]
  7. Why doesn’t the height of a container element increase if it contains floated elements?
  8. How to remove margin space around body or clear default css styles
  9. float:left; vs display:inline; vs display:inline-block; vs display:table-cell;
  10. How can I wrap text around a bottom-right div?
  11. How do I get a div to float to the bottom of its container?
  12. Removing body margin in CSS
  13. IE9 Float with Overflow:Hidden and Table Width 100% Not Displaying Properly
  14. CSS margin adds space outside parent element [duplicate]
  15. Why can’t I center with margin: 0 auto?
  16. Margin top in inline element
  17. CSS Float: Floating an image to the left of the text
  18. Why would margin not be contained by parent element?
  19. Why doesn’t “margin: auto” center an element vertically?
  20. `margin:auto;` doesn’t work on inline-block elements
  21. CSS Float Logic
  22. Is there a disadvantage of using `display:table-cell`on divs?
  23. Why do s clear floats?
  24. CSS Margin: 0 is not setting to 0
  25. CSS Cell Margin
  26. Is there any way to add padding to select options via CSS?
  27. Floating Div Over An Image
  28. Align a div to center
  29. Prevent floated divs from wrapping to new line
  30. Table with table-layout: fixed; and how to make one column wider

Leave a Comment