title: How to arrange a logo in the left corner and three spans in the right - reactjs
body: <p>I want to arrange three elements - a logo and three inscriptions.
  I want the logo in the left corner and three spans below each other in the right corner.</p>
  <p>My HTML (ReactJS) code and CSS:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.spanContacts {
    float: right;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;span&gt; 
    &lt;img src={logo} alt="Logo" width="230" height="70" /&gt;
  &lt;/span&gt;
  
  &lt;span className="spanContacts"&gt;
    &lt;Facebook/&gt;
  &lt;/span&gt;
  
  &lt;span className="spanContacts"&gt;
    E-mail: &lt;a href="mailto:email@gmail.com"&gt;email@gmail.com&lt;/a&gt;
  &lt;/span&gt;
  
  &lt;span className="spanContacts"&gt;
    Телефон:  &lt;a href="tel:+telephone number"&gt; telephone number&amp;nbsp;&lt;/a&gt;
  &lt;/span&gt;</code></pre>
  </div>
  </div>
  </p>