As mentioned before; cut and paste the script into W3.org Free Validation utilities.
Errors and warnings are shown. You can then find the offending lines, edit online until the script validates.
I am still amazed about your insistence to use jsFiddle as a development tool. As far as I am concerned JsFiddle is to demonstrate fully functional working scripts and not for debugging.
Edit:
Here are the W3.Org Free Validation Tools to save having to look:
Next step is to search for a FREE Web Site Hosing Plan and create test web pages. The test web page URLs can then be pasted into the W2,Org Validation Tools.
It is far easier to develop sites using this method because the test web pages will be the actual web pages rather than using JsFiddle Snippets.
What might work on JsFiddle may conflict with additional web page scripting.
You could think of a child element as “belonging” to its parent element.
As an analogy, say you have a sister and a father. Would it be more correct to say you and your sister are siblings that belong to your common father, or that you are your father’s child and your sister is your child? If say you have a father and a daughter, would it be more correct to say you and your daughter have a common father?
In other words, it all depends on the relationship. And that depends on what the content is and what you as the designer think would be the best way to organize the content.
As you are aware, there can be many ways to do similar things and any two designers could decide to do it differently.
For example, this forum has a row for each post. A row has a div for the avatar and a sibling div for the post. It could have just as easily had the avatar in the same div as the post. Why wasn’t it? Designers preference.
I have made repeated efforts to explain to you the difference between adjacent and nested elements, and the placement of closing tags. Copy this code into an HTML document and open it in your browser. Play with it. Add extra divs, until you are sure you understand how it works. This is fundamental to HTML.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Nested and Adjacent Divs</title>
<style>
div {margin: 1em;
padding: 1em;
}
.first {border: 2px solid green;}
.second {border: 2px dotted blue;}
</style>
</head>
<body>
<div class="first">These divs are siblings; they are adjacent to each other.</div>
<div class="second">These divs are siblings; they are adjacent to each other.</div>
<div class="first">
These divs are nested. This is the parent.
<div class="second">
These divs are nested. This is the child.
</div>
</div>
</body>
</html>
