Two inline-block, width 50% elements wrap to second line [duplicate]

by

It is because display:inline-block takes into account white-space in the html. If you remove the white-space between the div‘s it works as expected. Live Example: http://jsfiddle.net/XCDsu/4/

<div id="col1">content</div><div id="col2">content</div>

More Related Contents:

  1. Trouble with image
  2. Which way to implement this picture in HTML CSS code and bootstrap
  3. Can I have an onclick effect in CSS?
  4. Fill the remaining height or width in a flex container
  5. Why aren’t my absolutely/fixed-positioned elements located where I expect?
  6. float:left; vs display:inline; vs display:inline-block; vs display:table-cell;
  7. How to remove the arrow from a select element in Firefox
  8. Colspan/Rowspan for elements whose display is set to table-cell
  9. css background color with floating elements
  10. Transform: translate(-50%, -50%)
  11. How to create a curve between two gradient using CSS?
  12. How can I fill a div with an image while keeping it proportional?
  13. Line break (like ) using only css
  14. How to create a transparent triangle with border using CSS?
  15. Turn off Chrome/Safari spell checking by HTML/css [duplicate]
  16. How to get a background image to print using css?
  17. How to set an image’s width and height without stretching it?
  18. Make flex items overlap
  19. HTML class attribute with spaces, it is a W3C valid class?
  20. Aligning elements left and center with flexbox
  21. How to set placeholder value using CSS?
  22. Changing the highlight color when selecting text in an HTML text input
  23. How to run the CSS3 animation to the end if the selector is not matching anymore?
  24. How to add button inside an input [closed]
  25. Unwanted border-radius corners around images in Brave/Chrome browser
  26. Progress Bar with HTML and CSS
  27. scrollable?
  28. Why aren’t my bootstrap 4 columns the same height?
  29. How to get horizontal scroll bar in select box in IE?
  30. Table with table-layout: fixed; and how to make one column wider

Leave a Comment