style priorities example

dabblet.css

h1 {
  color:red;
  text-align: center;
}
div.message {
  background-color: #fee;
  padding: 1em;
}

dabblet.html

<style>
  h1 {
    text-align: left;
  }    
</style>
<h1 style="text-align: right;">Titre</h1>
  <div class="message">
	La priorités du <code>text-align</code> 
	de <code>&lt;h1&gt;</code> sont dans l'ordre:
	<ol>
	  <li><code>right</code> (défini dans l'élémént lui même)
	  <li><code>left</code> (défini dans un tag <code>&lt;style&gt;</code>)
	  <li><code>center</code>	(défini dans un fichier <code>css</code> externe)
	</ol>
</div>

settings.json

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