Manak Bhardwaj Manak Bhardwaj - 4 months ago 50x
AngularJS Question

Alignment of dropdown list and button in same line angular

I have tried many things on styling side and putting it into table nothing worked
I want help in aligning the buttons and dropdown in the same new line

<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>
<div style="width:20%" flex>enter code here
<md-button ng-click="close()">+</md-button>
<div style="width:30%`enter code here`">
<div >
<md-input-container class="md-block language"
<label translate>Dropdown For Filters</label>
<md-select ng-model="accSettingsCtrl.userSettings.language"
<md-option ng-repeat="lang in accSettingsCtrl.LANGUAGES"

Here is the image of what has been displayed


You can achieve the same by using bootstrap. Here is the demo :

If you don't want to use bootstrap, then you can apply float:left to the div's.