title: How to wrap label with max-width
body: <p>I've got this code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="propertyContainer"&gt;
      &lt;div class="property"&gt;
          &lt;label&gt;This one is a very long label&lt;/label&gt;
          &lt;select&gt;&lt;/select&gt;
      &lt;/div&gt;
      &lt;div class="property"&gt;
          &lt;label&gt;Short label&lt;/label&gt;
          &lt;select&gt;&lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.propertyContainer{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex: 0 0 450px;
      min-height: 30px;
  }
  .property {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-bottom: 10px;
      height: 30px;
  }
  label {
      height: 30px;
      line-height: 30px;
      vertical-align: middle;
  }
  select {
      width: 200px;
      height: 30px;
  }
  </code></pre>
  
  <p>RESULT:</p>
  
  <p><a href="https://i.stack.imgur.com/rmUqm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rmUqm.png" alt="enter image description here"></a></p>
  
  <p>I've got the problem, when my label is to long, it doesn't wrap it. I tried to use a <code>max-width: 150px;</code> for my <code>label</code>, but than it just overlaps the other label without floating the container:</p>
  
  <p><a href="https://i.stack.imgur.com/Cz7zR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Cz7zR.png" alt="enter image description here"></a></p>
  
  <p>I have no idea how to fix this. I just would like to set a max-width an than wrap the label and float the conatiner so it should look like this:</p>
  
  <p><a href="https://i.stack.imgur.com/Rx6p1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Rx6p1.png" alt="enter image description here"></a></p>
  
  <p>I searched and tried a lot but at the moment I havn't got a solution. I also tried it with <code>word-wrap: break-word;</code>, but it also went wrong. Any ideas?</p>