title: Splitting an area to 2 equal columns in using css with Vaadin CssLayout
body: <p>I need to split a CssLayout line to 2 equal area, the first one will contain a textArea, the second one a table. </p>
  
  <p>So i used this code :</p>
  
  <pre><code>@Override
          protected String getCss(Component c) {
              if (c instanceof TextArea) {
                  return "width: 50%; float:left";
              }
              if (c instanceof Table) {
                  return "width: 50%; float:right";
              }
              return null;
          }
  </code></pre>
  
  <p>The result is not compatible with what i want to get, see pictures below (Sorry I was obliged to delete the displayed texts)</p>
  
  <p><a href="https://i.stack.imgur.com/4wXMg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4wXMg.png" alt="Current result"></a></p>
  
  <p>Aimed result: </p>
  
  <p><a href="https://i.stack.imgur.com/PlhIo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PlhIo.png" alt="the wanted result"></a></p>
  
  <p>So how to do it with css. </p>
  
  <p>Setting the height values: </p>
  
  <pre><code> @Override
          protected String getCss(Component c) {
             if (c instanceof EsolifeTextAreaWordingLanguage) {
                  return "height: 213px";
              }
              if (c instanceof Table) {
                  return "height: 219px;padding-left: 8px"; 
              }
              return null;
          }
  </code></pre>