Как принудительно сделать float?

Question

[Евгений Самсонов]

На некоторых разрешениях слоган отрывается от логотипа и выглядит это не очень красиво. Почему так может происходить? Справа местом навалом, при желании можно же перенести по словам слоган. Почему так происходит? Как сделать принудительное приклеивание?

.logo_text {
	float: left;
}
.site_name_footer {
	font-size: 16px;
	line-height: 1em;
	font-family: 'Open Sans',sans-serif;
	font-weight: 400;
}
.site_name_description_footer {
	font-size: 14px;
	line-height: 1.5em;
	font-family: 'Open Sans',sans-serif;
	font-weight: 300;
}
.logo_img_footer {
	max-width: 45px;
	float: left;
	margin-right: 15px;
}

Answer 1

[Евгений Самсонов]

getbootstrap.com/components/#media вот так сделал и всё нормально стало. Хз чем ему обычные стили не подходили...

Answer 2

[LittleFatNinja]

float: right !important;

Comments

[Евгений Самсонов]

так пробовал. не помогает.

[Briss]

Если бы вы скинули ссылку, было бы попроще, а вобще :
1) Убедитесь, что ширина элементов позволяет им находится в 1 строке.
2) Убедитесь, что у обоих стоит float:left;
3) Убедитесь, что у слогана нету свойства clear

Если он переносится - значит где-то упирается.

[Евгений Самсонов]

Briss:
1 - позволяет
2 - у обоих
3 - нет

Есть разрешения, где переносится по словам. У меня есть очучения, что это где-то в недрах бутстрапа сидит бес. Сейчас добавлю свои стили к вопросу.

[Виктор Логин]

Briss: Выложите этот кусок на codepen.io для наглядности или сделайте position: absolute;

Answer 3

[robotcigan]

классы в bootstrap: pull-left, pull-right

Answer 4

[Rithmsamba]

overflow: hidden для слогана, и будет щастье