не удается установить текст рядом с левой плавающим изображением в диалоговом

Question

Вероятно новичка вопрос здесь, но у меня возникают проблемы, чтобы установить текст на правом float: left<img> Внутри md-dialog:

<md-dialog aria-label="download" flex="60" ng-controller="viewerController"> 
    <md-toolbar> 
     <div class="md-toolbar-tools"> 
      <h2>{{appName}}</h2> 
      <span flex></span> 
      <md-button class="md-icon-button" ng-click="answer('not applicable')"> 
       <md-icon md-svg-src="style/images/icons/ic_close_24px.svg" 
         aria-label="Close dialog"></md-icon> 
      </md-button> 
     </div> 
    </md-toolbar> 
    <md-dialog-content> 
     <div id="application"> 
      <md-list> 
       <md-list-item> 
        <div style="font-size: 16px;"> 
         <img style="float: left;margin: 0 5px 0 0; padding-bottom: 12px;" 
           ng-src="data:image/png;base64,{{appScreenshotBase64}}" 
           width="{{currentWidth * 0.35}}"/> 
         <h4><span class="fieldName">Technology : </span>{{appTechnology}}</h4> 
         <h4><span class="fieldName">Level : </span>{{appLevel}}</h4> 
         <h4><span class="fieldName">Development type</span> : </span>{{appDevType}}</h4> 
        </div> 
       </md-list-item> 
       <md-divider ></md-divider> 

       <md-list-item class="md-1-line"> 
        <div class="md-list-item-text"> 
         <h4><span class="fieldName">Development type : </span>{{appDevType}}</h4> 
        </div> 
       </md-list-item> 
       <md-divider ></md-divider> 
<!-- ... --> 

Так моя ширина md-dialog установлена ​​на 60% от текущей ширины и <img> до 35%. 25%, оставшихся внутри диалогового окна, должно быть более чем достаточно для отображения моих данных (технология, уровень, тип разработки).

Но вместо этого, он переходит на новую линию под <img>, как это:

Что мне нужно изменить, чтобы сделать его работу?

Answer 1

В целом вы должны использовать layout attribute для этой цели. Если вы хотите, чтобы дочерние элементы были выровнены рядом друг с другом, добавьте layout = "row" в контейнер.