title: Android relative layout center horizontally with another view
body: <p>I want to make some layout like this.</p>
  
  <p><a href="https://i.stack.imgur.com/0Un73.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0Un73.png" alt="enter image description here"></a>
  Those views represents:</p>
  
  <ul>
  <li>A is a message box.</li>
  <li>B is a Profile picture</li>
  <li>C is a description that should be on the right side of A &amp; Center vertically with B</li>
  </ul>
  
  <p>Some conditions are:
   - A should be above B &amp; Center horizontally with B
   - Width of A is always greater than B
   - Height of C is always smaller than B
   - There shouldn't be a gap between B and C</p>
  
  <p>If I put all three objects in a single container, I couldn't find a way to align A and B center horizontally. (<code>layout_below</code> puts B under A but aligned left)</p>
  
  <p>I also tried to make a container including A and B, but if so, I cannot put C right after B (It causes a gap between B and C because A's width is greater than B).</p>
  
  <p>Is there any way I can archive this only with XML layouts?</p>