title: Can't clear an image
body: <p>I have got some code in Html and CSS and some text in html <code>&lt;p&gt;</code> as well. I have inserted an image, but lots of space to the right of an image is blank and I'd like to insert my text there. Would be grateful for any help.              </p>
  
  <p>HTML</p>
  
  <pre><code>&lt;p&gt;
      Istnieje 3 podstawowych działaniach na macierzach - to &lt;b&gt;dodawanie&lt;/b&gt;,   &lt;b&gt;odejmowanie&lt;/b&gt; i &lt;b&gt;mnożenie&lt;/b&gt;. Dzisiaj my zajmiemy się tymi działaniami.&lt;br/&gt;
      &amp;nbsp  &lt;img src = "css\images\matrix.jpg"/&gt; Rozpoczniemy z tego, co to są wymiary macierzy. Wymiary macierzy - to ilość wierszy i kolumny danej macierzy.
      Kolumny często oznaczją literą m, a wierszy - literą n. Otóż, nasza macierz A na obrazku ma m kolumn i n wierszy.&lt;br/&gt;
      &amp;nbsp Najpierw zaczniemy od dodawania 2 macierzy.Dodawać możemy tylko macierzy o jednakowych wymiarach. Jest ono bardzo proste i wykonuje się w taki sposób, że 
      dodajemy poszczególne elemnty dwóch macierzy. Kolejność dodawania macierzy,   oczewiście, nie ma znaczenia. Czyli A + B = B + A.
      Przykład dodawania dwóch macierzy jest zilustrowany na obrazku.&lt;br/&gt;
      &lt;img src="css\images\addingMatrices.jpg" alt="dodawanie dwóch macierzy" /&gt;
  </code></pre>
  
  <p></p></p>
  
  <p>CSS
  row is my container, and all text and iamges go in the <code>&lt;p&gt;&lt;/p&gt;</code> tags.</p>
  
  <pre><code>.row p{
      position:absolute;
      margin-left:25px;
      margin-right:25px;
      font-size:14px;
      font-family:Georgia, serif;
      word-wrap:break-word;
      text-align:justify;
      text-justify:inter-word;
      color:black;
      text-indent:10px;
  }
  .row p a{
      text-decoration:none;
      color:orange;
  }
  .row p img{
      clear:left;
      border:1px solid black;
  }
  </code></pre>