astuce gc pour justifier toutes les lignes

dabblet.css

header{ 
height:100px; 
background-color:#02487B;margin-bottom: 3em;
box-shadow: 1px 1px 8px #000;
text-align:justify;
min-width:800px;
}
/* astuce gc pour justifier toutes les lignes */
header:after {content:'';display:inline-block;width:99%;}
header a , header h1 {padding:0 ;display:inline-block;vertical-align:middle;margin:0 20px;}

dabblet.html

<header>
	<a href="#" title="Français"><img src="http://folken77.free.fr/img/flag_fr.png" alt="langue FR"/></a>
	<h1><img src="http://folken77.free.fr/img/logo2.png" alt="NET YAROZE"/></h1>
	<a href="#" title="English"><img src="http://folken77.free.fr/img/flag_en.png" alt="lang EN"/></a>
</header>
La logique voudrait que les drapeaux soit des liens ou des boutons pour passer d'une langue à une autre, 
le logo un titre en image avec son texte alternatif.</p>
<p>Coté HTML, il faut aussi essayer de penser accessibilité et bonne pratique, 
quant au periodes de test, il faut que le HTML represente au mieux le contenu final,
avec des <a href="http://lorempixel.com">images</a> et des faux  textes comme du <a href="http://html-ipsum.com/">lorem ipsum</a></q> par exemple.</p>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}