title: SAPUI5 align image with label in a simple form
body: <p>I have a simple view like that:</p>
  <p><a href="https://i.stack.imgur.com/Pzsxn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Pzsxn.png" alt="enter image description here" /></a></p>
  <p>This is my XML-code :</p>
  <pre class="lang-xml prettyprint-override"><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
  &lt;core:View xmlns:core=&quot;sap.ui.core&quot; xmlns=&quot;sap.m&quot; xmlns:com=&quot;sap.ui.commons&quot; xmlns:f=&quot;sap.ui.layout.form&quot; xmlns:html=&quot;http://www.w3.org/1999/xhtml&quot; xmlns:l=&quot;sap.ui.layout&quot; controllerName=&quot;InRETL.view.Cash&quot;&gt;
     &lt;Page showNavButton=&quot;true&quot; title=&quot;Cash&quot;&gt;
        &lt;ObjectHeader title=&quot;Cash&quot; number=&quot;30.000&quot; numberUnit=&quot;₪&quot; /&gt;
        &lt;IconTabBar backgroundDesign=&quot;Transparent&quot;&gt;
           &lt;items&gt;
              &lt;IconTabFilter icon=&quot;sap-icon://sales-order-item&quot; text=&quot;Details&quot;&gt;
                 &lt;f:SimpleForm maxContainerCols=&quot;2&quot; labelSpanL=&quot;3&quot; labelSpanM=&quot;3&quot; labelSpanS=&quot;3&quot; emptySpanL=&quot;0&quot; emptySpanM=&quot;0&quot; emptySpanS=&quot;0&quot; columnsL=&quot;2&quot; columnsM=&quot;2&quot; columnsS=&quot;2&quot; editable=&quot;true&quot; layout=&quot;ResponsiveGridLayout&quot;&gt;
                    &lt;f:content&gt;
                       &lt;core:Title level=&quot;H4&quot; emphasized=&quot;true&quot; text=&quot;Notes&quot; /&gt;
                       &lt;!--  &lt;Image
                                src=&quot;images/200a.png&quot;   
                                width=&quot;50px&quot;
                                heigh=&quot;30px&quot; &gt;
                              &lt;/Image&gt; --&gt;
                       &lt;Label text=&quot;200 ₪&quot; /&gt;
                       &lt;Input editable=&quot;false&quot; value=&quot;2000&quot; /&gt;
                       &lt;Label text=&quot;100 ₪&quot; /&gt;
                       &lt;Input editable=&quot;false&quot; value=&quot;2000&quot; /&gt;
                       &lt;Label text=&quot;50 ₪&quot; /&gt;
                       &lt;Input editable=&quot;false&quot; value=&quot;2000&quot; /&gt;
                       &lt;Label text=&quot;20 ₪&quot; /&gt;
                       &lt;Input editable=&quot;false&quot; value=&quot;2000&quot; /&gt;
                       &lt;core:Title text=&quot;Coins&quot; level=&quot;H4&quot; /&gt;
                       &lt;Label text=&quot;10 ₪&quot; /&gt;
                       &lt;Input editable=&quot;false&quot; value=&quot;2000&quot; /&gt;
                       &lt;Label text=&quot;5 ₪&quot; /&gt;
                       &lt;Input editable=&quot;false&quot; value=&quot;2000&quot; /&gt;
                       &lt;Label text=&quot;1 ₪&quot; /&gt;
                       &lt;Input editable=&quot;false&quot; value=&quot;2000&quot; /&gt;
                    &lt;/f:content&gt;
                 &lt;/f:SimpleForm&gt;
              &lt;/IconTabFilter&gt;
           &lt;/items&gt;
        &lt;/IconTabBar&gt;
     &lt;/Page&gt;
  &lt;/core:View&gt;
  </code></pre>
  <p>But I want to add a picture near amount like that:</p>
  <p><a href="https://i.stack.imgur.com/wliyZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wliyZ.png" alt="enter image description here" /></a></p>
  <p>And I try to add a image but my result is like that:</p>
  <p><a href="https://i.stack.imgur.com/wpj0R.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wpj0R.png" alt="enter image description here" /></a></p>
  <p>How can I do to align the picture with the label?</p>