Запретить браузеру переносить строку

@sergey_ku · Регистрация: 26.06.2015

Author24 — интернет-сервис помощи студентам

Все доброго времени суток.
Нужно написать два слова в рамке, в одну строку. Одно слово слева блока, другое слово справа блока. У меня получается так, что текст пишется на разных строках(white-space: nowrap; не срабатывает). Подскажите пожалуйста почему.
Вот код:

HTML5

<div class="dostavka">
<div class="group-left">
<div class="dostavka_1">г.Москва</div>
</div>
<div class="group-right">
<div class="dostavka_1">1200р.</div>
</div>
</div>

CSS

.dostavka {
     border: 2px solid #434242;
     margin: 5px 0;
     white-space: nowrap;
        }
 
.dostavka_1 {
    padding: 0 10px;
    border: none !important;
    margin: 0 !important;
    }
    
.group-left {
    text-align: left;
}
 
.group-right {
    text-align: right;
}

@Shakalaka · 20.04.2016, 19:47

sergey_ku,

HTML5

<div class="dostavka clearfix">
<div class="group-left">
<div class="dostavka_1">г.Москва</div>
</div>
<div class="group-right">
<div class="dostavka_1">1200р.</div>
</div>
</div>

CSS

.clearfix{
  clear:both;
}
.clearfix:before, .clearfix:after{
  content:"";
  display:table;
  clear:both;
}
.dostavka {
     border: 2px solid #434242;
     margin: 5px 0;
     white-space: nowrap;
        }
 
.dostavka_1 {
    padding: 0 10px;
    border: none !important;
    margin: 0 !important;
    }
    
.group-left {
    float: left;
}
 
.group-right {
    float: right;
}

https://jsfiddle.net/shakalaka/5d9zrkzc/

	20.04.2016, 19:47