Мне немного любопытно понять, как работает выравнивание в CSS3, приведенный ниже HTML-код использует float right
<h2><span class='title'>Sunrise: </span><span class='sunrise'>{{sunrise}}</span><span class='title right'> Sunset: </span><span class='sunset right'>{{sunset}}</span></h2>
Вот так выглядит CSS
.title {
font-weight: bold;
}
.sunrise {
font-weight: bold;
color: blue;
}
.sunset {
font-weight: bold;
color: blue;
}
.right {
float: right;
}
Это дает мне вывод, как показано ниже, где метка Sunset появляется после Sunset Time, вместо этого должна быть до Sunset Time, сейчас я могу исправить в эмуляторе, переупорядочив, но не уверенный, если поведение остается согласованным на всех устройствах, работает ли float right в обратном порядке, пожалуйста, объясните, пожалуйста, также предложите лучший способ сделать то же самое.