CSS two divs width 50% in one line with line break in file [duplicate]

by

The problem is that when something is inline, every whitespace is treated as an actual space. So it will influence the width of the elements. I recommend using float or display: inline-block. (Just don’t leave any whitespace between the divs).

Here is a demo:

div {
  background: red;
}
div + div {
  background: green;
}
<div style="width:50%; display:inline-block;">A</div><div style="width:50%; display:inline-block;">B</div>

More Related Contents:

  1. CSS two div width 50% in one line with line break in file [duplicate]
  2. display:block inside display:inline
  3. How to create a pure css slideshow? [closed]
  4. Is there a “previous sibling” selector?
  5. Align inline-block DIVs to top of container element
  6. Transparent arrow/triangle indented over an image
  7. How to change the color of an svg element?
  8. Using regular expression in css?
  9. Text in a flex container doesn’t wrap in IE11
  10. How do I make an html link look like a button?
  11. Are eot, ttf, and svg still necessary in the font-face declaration?
  12. How to add a color overlay to a background image? [duplicate]
  13. Managing CSS Explosion
  14. How to display a reverse-ordered list in HTML?
  15. Fixed element disappears in Chrome
  16. YouTube Video Embedded via iframe Ignoring z-index?
  17. Can you use if/else conditions in CSS?
  18. DIV’s vs. Tables or CSS vs. Being Stupid
  19. Two-tone background split by diagonal line using css
  20. How to customize the HTML5 input range type looks using CSS?
  21. Are parentheses allowed in CSS selectors?
  22. For div to extend full height
  23. Can type selectors be repeated to increase specificity?
  24. Forcing child to obey parent’s curved borders in CSS
  25. CSS @font-face not working in IE8
  26. Should border-radius clip the content?
  27. I cannot change the font size of package explorer in Eclipse
  28. How do I apply vendor prefixes to inline styles in reactjs?
  29. Horizontal scroll in DIV with many small DIV’s inside (no text)
  30. Creating a droplet like border effect in css

Leave a Comment