SPAN vs DIV (inline-block)

by

According to the HTML spec, <span> is an inline element and <div> is a block element. Now that can be changed using the display CSS property but there is one issue: in terms of HTML validation, you can’t put block elements inside inline elements so:

<p>...<div>foo</div>...</p>

is not strictly valid even if you change the <div> to inline or inline-block.

So, if your element is inline or inline-block use a <span>. If it’s a block level element, use a <div>.

More Related Contents:

  1. Change text-color on div :hover [closed]
  2. CSS customized scroll bar in div
  3. How to place two divs next to each other?
  4. Why does height 100% work when DOCTYPE is removed?
  5. Remove padding from columns in Bootstrap 3
  6. iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
  7. Does height and width not apply to span?
  8. Is there a way to apply a CSS style on HTML5 datalist options?
  9. Show Child Div within Hidden Parent Div
  10. xHTML/CSS: How to make inner div get 100% width minus another div width
  11. Changing three.js background to transparent or other color
  12. Failed to decode downloaded font
  13. How can I ensure that text is inside rounded div?
  14. Which HTML5 reset CSS do you use and why? [closed]
  15. Div height 100% and expands to fit content [duplicate]
  16. Add a text suffix to
  17. html5 vertical spacing issue with
  18. How to position a div in the middle of the screen when the page is bigger than the screen
  19. Nested rows with bootstrap grid system?
  20. How to write a caption under an image?
  21. How do I line up 3 divs on the same row?
  22. How to set height property for SPAN
  23. how to rotate text left 90 degree and cell size is adjusted according to text in html
  24. Set div height equal to screen size
  25. Preventing an image from being draggable or selectable without using JS
  26. Best replacement for font tag in html
  27. How to align two divs side by side using the float, clear, and overflow elements with a fixed position div/
  28. print page count with total number of pages using css
  29. Background image not displaying in chrome browser
  30. Difference between and with text-align:center;?

Leave a Comment