Two HTML Elements Overlapping Each Other


Can Two HTML Elements Partially Overlap Each Other?



No, two elements can not partially overlap each other. One element must be completely enclosed inside the other element. See the following two examples:

  <!-- Valid: "em" is enclosed inside "strong" --> 
  <p>There was once upon <strong>a time a <em>peasant-
    woman</em> who had a daughter</strong> and a step-
  <!-- Invalid: "em" is partially overlapped 
    with "strong" -->
  <p>There was once upon <strong>a time a <em>peasant-
    woman</strong> who had a daughter</em> and a step-


Sequence of Sub-elements in HTML

What Is a Sub-element in HTML?

Introduction of HTML Element Content Syntax

⇑⇑ HTML Tutorials

2024-02-28, 1253🔥, 0💬