Adding <br> tag inside a div tag failed
You are adding the "br" just before the closing of the div and after the input element right? It is because the input element is an inline element.
Please check with fiddle here - http://jsfiddle.net/ghxce8dr/
It is working fine. I added <p></p>
for both div.
<div id="welcomename">
<h1>Welcome! What's your name?</h1>
<input type="text" class="form" name="name" placeholder="Your name here!" id="name"/>
<input type="button" onclick="clicked();" value="I'm ready!"/>
</div>
<p></p>
Text After First Break
<div id="hiddenDiv">
<h1 id="welcomehowareyou">How are you today, ?</h1>
<select name="mood" onchange="popup(this.options.selectedIndex)">
<option value="" disabled selected>How are you?</option>
<option>I'm doing great, thanks!</option>
<option>I'm fine, but could be better</option>
<option>I feel absolutely terrible today.</option></select>
<!--<input type="submit" value="Done!"/>-->
<p></p>
Text After Second Break
</div>
Hope this will help you.