How do I remove extra margin space generated by inline blocks? [duplicate]

by

Perhaps you have:

<div class="col1">
    Stuff 1
</div>
<div class="col2">
    Stuff 2
</div>

? If so then this is probably a whitespace problem (it turns out whitespace does matter in html). This should fix it:

<div class="col1">
    Stuff 1
</div><div class="col2">
    Stuff 2
</div>

More Related Contents:

  1. The page moves to the left
  2. CSS display: inline vs inline-block [duplicate]
  3. How to style the with only CSS?
  4. Detect if an input has text in it using CSS — on a page I am visiting and do not control?
  5. CSS @media print issues with background-color;
  6. What, exactly, is needed for “margin: 0 auto;” to work?
  7. Setting width/height as percentage minus pixels
  8. What is the difference between :first-child and :first-of-type?
  9. What are the rules for CSS media query overlap?
  10. What does an asterisk do in a CSS property name? [duplicate]
  11. css grid of squares with flexbox
  12. Error: CSS: background: / is an incorrect operator
  13. Right to left Text HTML input
  14. complete styles for cross browser CSS zoom
  15. Cross browser way to rotate image using CSS?
  16. CSS Parent/Ancestor Selector [duplicate]
  17. Symfony2 – Assetic – load images in CSS
  18. Vertically centering content of :before/:after pseudo-elements
  19. Styling Password Fields in CSS
  20. Angular dynamic background images
  21. Are CSS selectors case-sensitive?
  22. Scrollbar color change in Firefox
  23. Is there a way to apply styles to Safari only?
  24. How to remove margin from every element that is the last element in a row?
  25. How to efficiently load google fonts in Nuxt
  26. The difference between flex:1 and flex-grow:1
  27. How do I apply a CSS class to Html.ActionLink in ASP.NET MVC?
  28. position:relative leaves an empty space
  29. Delay mouseout/hover with CSS3 transitions
  30. CSS shorthand vs longhand?

Leave a Comment