Are block-level elements allowed inside inline-level elements in HTML5?

by

yes what you’ve written is valid in HTML5, but it’s not all inline elements, I think it’s just <a> ‘s it applies to..

Reference: “Block-level” links in HTML5

Tip: if using this set the <a> to display: block; or there may be unintended visual styling results : Source: Test Case

Update:

It is “disallowed” for other “block in inline” combinations where “default styles are likely to lead to confusion” – explanation is here:

Cases where the default styles are likely to lead to confusion

Certain elements have default styles
or behaviors that make certain
combinations likely to lead to
confusion. Where these have equivalent
alternatives without this problem, the
confusing combinations are disallowed.

For example, div elements are rendered
as block boxes, and span elements as
inline boxes. Putting a block box in
an inline box is unnecessarily
confusing; since either nesting just
div elements, or nesting just span
elements, or nesting span elements
inside div elements all serve the same
purpose as nesting a div element in
a span element, but only the latter
involves a block box in an inline box,
the latter combination is disallowed.

More Related Contents:

  1. Should I use tag for icons instead of ? [closed]
  2. input type=”submit” Vs button tag are they interchangeable? [duplicate]
  3. vs vs for inline and block code snippets
  4. Is a DIV inside a TD a bad idea?
  5. Using custom HTML Tags
  6. Should a heading be inside or outside a ?
  7. HTML5 nested sections and heading tags
  8. Markup for postal addresses
  9. w3c html validation error – Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections
  10. Valid to use (anchor tag) without href attribute? [duplicate]
  11. How to properly use h1 in HTML5
  12. When to use line breaks vs CSS positioning?
  13. Marking up a search result list with HTML5 semantics
  14. CSS/HTML: What is the correct way to make text italic?
  15. Is it correct to use DIV inside FORM?
  16. Most common way of writing a HTML table with vertical headers?
  17. How can I center text (horizontally and vertically) inside a div block?
  18. Can I create a div with a Curved bottom?
  19. Can an HTML element have the same attribute twice?
  20. What does it mean in HTML 5 when an attribute is a boolean attribute?
  21. Base64 images to gmail
  22. Why is the parent div height zero when it has floated children
  23. what do and do?
  24. Is it possible to insert HTML content in XML document?
  25. Select second last element with css
  26. Apply CSS Style on all elements except with a SPECIFIC ID
  27. Select option padding not working in chrome
  28. HTML Textarea horizontal scroll
  29. How to make bootstrap carousel image responsive?
  30. Background-Color of BODY tag applied to the whole HTML [duplicate]

Leave a Comment