When to use line breaks vs CSS positioning?

by

To me, linebreaks should only be used inside paragraphs to indicate a new line. Adding line-breaks between paragraphs was used back in the day, when HTML looked like Chop Suey and the semantics of the HTML document looked like someone from preschool used Dreamweaver.

I personally rely on margins and padding for content separation, if I have to use a <br /> it means I’ve done something wrong. I think lines of an address are a perfect example of proper usage and I would stick to only those scenarios.

More Related Contents:

  1. Is it wrong to change a block element to inline with CSS if it contains another block element?
  2. input type=”submit” Vs button tag are they interchangeable? [duplicate]
  3. Using custom HTML Tags
  4. HTML5 nested sections and heading tags
  5. Fallback for CSS attributes without unit
  6. How to properly use h1 in HTML5
  7. CSS/HTML: What is the correct way to make text italic?
  8. Using cm/mm on the CSS of a web app that replicates paper interaction is a good practice?
  9. Most common way of writing a HTML table with vertical headers?
  10. CSS Not Being Responsive
  11. Bold tag breaking the divs?
  12. When to use IMG vs. CSS background-image?
  13. How do I make an editable DIV look like a text field?
  14. Are block-level elements allowed inside inline-level elements in HTML5?
  15. Style input element to fill remaining width of its container
  16. ‘position: sticky’ not working when ‘height’ is defined
  17. Wrap text in tag
  18. Flexbox column-reverse in Firefox, Edge and IE
  19. Make row stretch across all columns in CSS Grid
  20. Why does a filter gradient on a pseudo element not work in IE8?
  21. How do I remove the top margin in a web page?
  22. 404 page not found – Go rendering css file
  23. div with triangle at the bottom with background image
  24. Responsive Web Design Tips, Best Practices and Dynamic Image Scaling Techniques [closed]
  25. How to apply font anti-alias effects in CSS? [duplicate]
  26. Is there any way to add padding to select options via CSS?
  27. What is the difference between phrasing content and flow content?
  28. Rendering a hierarchy of “OPTION”s in a “SELECT” tag
  29. Dashed border not showing in firefox [duplicate]
  30. Using sprites with IMG tag?

Leave a Comment