Ausrichtung der Dropdown-Liste und Taste in derselben Zeile Winkel

Question

ich viele Dinge auf Styling Seite versucht habe und es in Tabelle nichts setzen arbeitete ich Hilfe will die Tasten und Drop-Down in der gleichen neuen Linie bei der Ausrichtung

<div style="width:100%"> 
    <div style="width:40%" flex> 
    <md-select ng-model="someModel"> 
     <md-option ng-value="NoModeSelected">No Mode Selected</md-option> 
     <md-option ng-value="AllTwitter">All Twitter</md-option> 
    </md-select> 
    </div> 
    <div style="width:20%" flex> 
    <md-button ng-click="close()">+</md-button> 
    </div> 
    <div style="width:30%"> 
    <div> 
    <md-input-container class="md-block language"> 
     <label translate>Dropdown For Filters</label> 
     <md-select ng-model="accSettingsCtrl.userSettings.language" required> 
     <md-option ng-repeat="lang in accSettingsCtrl.LANGUAGES" value="{{lang.key}}"> 
      {{lang.name}} 
     </md-option> 
     </md-select> 
    </md-input-container> 
</div> 

Here is the image of what has been displayed

Answer 1

Sie können dasselbe erreichen, indem Sie Bootstrap verwenden. Hier ist die Demo: http://codepen.io/shreya1289/pen/beweRy

Wenn Sie nicht Bootstrap verwenden möchten, können Sie float:left auf die divs anwenden.