How to get these two divs side-by-side?

by

Since div’s by default are block elements – meaning they will occupy full available width, try using –

display:inline-block;

The div is now rendered inline i.e. does not disrupt flow of elements, but will still be treated as a block element.

I find this technique easier than wrestling with floats.

See this tutorial for more – http://learnlayout.com/inline-block.html. I would recommend even the previous articles that lead up to that one. (No, I did not write it)

More Related Contents:

  1. How to prevent long words from breaking my div?
  2. How would I achieve a shadow that won’t show through transparent text?
  3. Fill in text in HTML5
  4. Change text-color on div :hover [closed]
  5. How to center an element horizontally and vertically
  6. CSS customized scroll bar in div
  7. CSS: Width in percentage and Borders
  8. What’s the difference between align-content and align-items?
  9. Is there a way to apply a CSS style on HTML5 datalist options?
  10. Show Child Div within Hidden Parent Div
  11. HTML 5 strange img always adds 3px margin at bottom [duplicate]
  12. Changing three.js background to transparent or other color
  13. Failed to decode downloaded font
  14. Actual table Vs. Div table
  15. Can a span be closed using ?
  16. Which HTML5 reset CSS do you use and why? [closed]
  17. What is the current state of the “scoped” attribute for the style element in HTML5?
  18. Proper way to apply CSS to HTML5 custom elements
  19. How to make an inline-block element fill the remainder of the line?
  20. Add a text suffix to
  21. html5 vertical spacing issue with
  22. Adjacent divs with angled borders? [duplicate]
  23. How to position a div in the middle of the screen when the page is bigger than the screen
  24. How to write a caption under an image?
  25. Using background-attachment:fixed in safari on the ipad
  26. CSS: How to align vertically a “label” and “input” inside a “div”?
  27. Div side by side without float
  28. Full background image with fade effect
  29. Is there a way to style HTML5’s range control?
  30. print page count with total number of pages using css

Leave a Comment