title: Adding space between images?
body: <p>I have this div:</p>
  
  <pre><code>&lt;div id="barraLinhas"&gt;
      &lt;img onclick="linhaAzul()" src="Linha_Azul.png" value="Linha Azul" /&gt;
      &lt;img onclick="linhaAmarela()" src="Linha_Amarela.png" value="Linha Amarela" /&gt;
      &lt;img onclick="linhaVerde()" src="Linha_Verde.png" value="Linha Verde" /&gt;
      &lt;img onclick="linhaVermelha()" src="Linha_Vermelha.png" value="Linha Vermelha" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And this CSS:</p>
  
  <pre><code>#barraLinhas {
      width: 950px;
      height: 50px;
      margin-bottom: 10px;
  }
  </code></pre>
  
  <p>And I would like to have those images with spaces between them but I am having trouble doing so (it is probably stupid easy.. I am just being dumb).</p>
  
  <p>EDIT: Or even have them spaced in those 950px</p>