title: can't make images inline
body: <p>I need to make my logo and a text box in one line. The logo must be on the left and text box in the middle. </p>
  
  <p>My CSS is:</p>
  
  <pre><code>@charset "utf-8";
  
  body {
  background: url("../paveikslai/fonas.jpg") no-repeat top center;
  margin: 0;
  }
  
  .linija {
  background:url("../paveikslai/v_linija.png") repeat-x;
  height: 150px;
  padding: 10px;
  margin: 0;
  }
  
  .logotipas {
  float: left;
  display: inline;
  margin: 0 15px;
  }
  
  .deze_tekstui {
  margin: 0 50%;
  }
  </code></pre>
  
  <p>And HTML is:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;link rel='stylesheet' type='text/css' href='/stilius/stilius.css'&gt;
  &lt;meta charset='utf-8'&gt;
  &lt;link rel="icon" type="image/png" href="../paveikslai/favicon.ico"&gt;
  &lt;title&gt;Minduvos Statyba&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="linija"&gt;
  &lt;div class="deze_tekstui"&gt;
  &lt;img src="../paveikslai/deze_tekstui.png"&gt;
  &lt;/div&gt;
  &lt;div class="logotipas"&gt;
  &lt;a href="../"&gt;&lt;img src='../paveikslai/minduva.png' height='120px' width='234px' alt="Minduvos Statyba"&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>