title: ConstraintLayout - avoid overlapping
body: <p>There is a <code>ConstraintLayout</code> layout:</p>
  
  <pre><code>&lt;android.support.constraint.ConstraintLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:layout_width="match_parent"
      android:layout_height="match_parent"&gt;
  
      &lt;Button
          android:id="@+id/button10"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:ellipsize="end"
          android:singleLine="true"
          android:text="small text"
          app:layout_constraintLeft_toLeftOf="parent"/&gt;
  
      &lt;Button
          android:ellipsize="end"
          android:singleLine="true"
          android:id="@+id/button11"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="small text"
          app:layout_constraintRight_toRightOf="parent"/&gt;
  
  &lt;/android.support.constraint.ConstraintLayout&gt;
  </code></pre>
  
  <p>It is displayed like this:
  <a href="https://i.stack.imgur.com/47ywK.png" rel="noreferrer"><img src="https://i.stack.imgur.com/47ywK.png" alt="введите сюда описание изображения"></a>
  Now is Ok, but if i change
  <code>android:text="small text"</code> to <code>android:text="big teeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeext"</code> then views will overlap each other..</p>
  
  <p>I'm need to make sure that with a small text there is a "wrap content", as I actually did on the screenshot above, but with a larger text, the text views must occupy a maximum of about 40 percent horizontally of the parent. Well also that the text was not transferred - I do <code>android: ellipsize =" end "</code> and <code>android: singleLine =" true</code>.</p>
  
  <p>This is how it should be (edited in Photoshop for demonstration):
  <a href="https://i.stack.imgur.com/Vr1VT.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Vr1VT.png" alt="введите сюда описание изображения"></a>
  How do this with ConstraintLayout or if can't - with others layouts?</p>