DIVs with float right without their inverted position

3

I would like to know how to ensure that two DIV , both with float:right , do not reverse the position, for example:

<div id="divMaster">

    <div class="pull-right" id="Div1">    
    </div>

    <div class="pull-right" id="Div2">
    </div>

</div>

Since #Div1 continues to the left of #Div2 .

Obs:
pull-right is a Twitter Bootstrap class, but it is the same as float:right; .

    
asked by anonymous 26.06.2014 / 23:24

1 answer

5

You can use a wrapper :

JSFiddle Example

<div id="divMaster">
    <div class="pull-right">
      <div class="pull-left" id="Div1"></div>
      <div class="pull-left" id="Div2"></div>
    </div>
</div>
    
26.06.2014 / 23:26