Как зафиксировать в резиновом «Блоке» объекты?

Question

[r31rus]

В общем есть резиновый горизонтальный блок поместил в него 4 картинки "56x56" задал отступы между ними, но когда помещаю "текст" туда-же между картинок, все разъезжается.
Нужно просто зафиксировать картинки. Прошу помочь. Скриншот прилагаю в ссылке :

f6.s.qip.ru/wn26qC8s.png

И еще скажите как потом данное предложение "Огромный выбор кредитования" разделить на 2 строки? Через тег "БР" не получается вторая строка уходит под картинку и все

Answer 1

[Murat Atila]

А ссылку на сайт или хотя бы на fiddle можно? Предположу, что вы рано задали отступы, сначала впишите весь контент, а потом уже делайте отступы, либо если в лоб хотите, то position: absolute

вот небольшой пример: jsfiddle.net/smqknsvt/2

способов реализации куча, всё зависит от вас. В вашем случае, мне кажется, легче будет текст вставить, как content через css и абсолютно его позиционировать, тогда вам не придётся уже заново менять отступы, главное не забудьте родителю добавить position: relative

Comments

[r31rus]

Спасибо большое!

[r31rus]

Вы реально помогли! От души

[Murat Atila]

r31rus: jsfiddle.net/smqknsvt/4 вот еще немного доработанный вариант, через модификатор просто меняйте картинки и всё будет работать.
если помог, отметьте как решение =)

[r31rus]

Я всю ночь ковырялся Ура!:) Послужит мне примером. Как отмечать не пойму.... всмысле решение....

[r31rus]

все!

[Murat Atila]

r31rus: ну и не парьтесь) рад что помог

Answer 2

[r31rus]

Как-то так jsfiddle.net/jpewe0rr

без body

Comments

[Murat Atila]

Я немного запутался, фиддл который вы прислали мне непонятен: почему вы делаете margin: 70px 0 0 500px; ? , пришлите скриншот, что вы хотите получить в конце? плюс в ответе выше я прикрепил свой фиддл, с вариантом решения вашей проблемы