basti1012.bplaced.net

Ich würde gerne nach 'Hallo Welt. ' Einen Zeilenumbruch ausführen, mit der nächsten Zeile 'Welcome to this site!' ,sodass auch im Browser beides untereinander ist. Ich hab alle möglichen Dinge, die ich bei google gefunden hab ausprobiert

Code

                                    
                                <style>
  .box{
  width:90%;
  margin: 0 auto;
  border:1px solid black;
  margin-top:30px;
  padding:20px;
}
.meineklasse1{
  color:green;
}
.meineklasse2{
  color:red;
}
.meineklasse3{
  color:blue;
}
</style>
<h2>Mit document.write ( Nicht zu empfehlen )</h2>
<div class="box">
  <script>
    document.write('<div class="meineklasse1">hallo 1</div>\n test');
  </script>
</div>
<h2>Mit create.Element ( je nachdem was man vor hat ) </h2>
  <div class="box" id="box1">
    <script>
  var neu=document.createElement('div');
  neu.id='meineId';//optional aber sinnvoll
  neu.className='meineklasse2';//optional
  neu.innerHTML='hallo 2<br> test';
  document.getElementById('box1').appendChild(neu);
   </script>   
</div>
<h2>Mit innerHTML ( meiner meinung immer ok )</h2>
  <div class="box" id="box2"> 
    <script>
  document.getElementById('box2').innerHTML='<div class="meineklasse3">hallo 3<br> test</div>';
    </script>
</div>