Jaki jest najlepszy sposób na wyrównanie do lewej i do prawej dwa znaczniki div?

Jako alternatywny sposób na floating:

<style>
    .wrapper{position:relative;}
    .right,.left{width:50%; position:absolute;}
    .right{right:0;}
    .left{left:0;}
</style>
...
<div class="wrapper">
    <div class="left"></div>
    <div class="right"></div>
</div>

Biorąc pod uwagę, że nie ma konieczności pozycjonowania .lewy div jako absolutny (w zależności od kierunku, może to być .prawy) dzięki temu byłby w pożądanej pozycji w naturalnym przepływie kodu html.

<style>
#div1, #div2 {
   float: left; /* or right */
}
</style>

Możesz to zrobić za pomocą kilku linii kodu CSS . Możesz wyrównać wszystkie div, które chcesz wyświetlić obok siebie w prawo .

<div class="div_r">First Element</div>
<div class="div_r">Second Element</div>

<style>
.div_r{
float:right;
color:red;
}
</style>

Użyj znaczników wypełnienia powyższe znaczniki float nie zadziałały, użyłem

padding left:5px; 



padding left :30px

Użyłem poniższego. Element gatunku zaczyna się tam, gdzie kończy się element DJ,

<div>
<div style="width:50%; float:left">DJ</div>
<div>genre</div>
</div>

Pardon the inline css.

To rozwiązanie ma wyrównany do lewej tekst i przycisk po prawej stronie.

Jeśli ktoś szuka materialnego projektu odpowiedź:

<div layout="column" layout-align="start start">
 <div layout="row" style="width:100%">
    <div flex="grow">Left Aligned text</div>
    <md-button aria-label="help" ng-click="showHelpDialog()">
      <md-icon md-svg-icon="help"></md-icon>
    </md-button>
 </div>
</div>