Почему изображение перемещает мой заголовок (CSS)?

Question

Я добавил изображение в свой заголовок здесь:

http://www.forex -bloggers.com /

И по какой-то причине это вызвало перемещение названия моего сайтанемного верно (вместо того, чтобы оставаться в центре).

Почему это произошло, и можно ли это исправить, чтобы оно вернулось к центру?

(извините за такой нубский вопроси спасибо)

Answer 1

Это потому, что плавающий оттолкнет другие элементы в сторону.

Самое быстрое решение состоит в том, чтобы добавить «положение: относительно» к заголовку div #, а затем добавить изображение: «положение: абсолютное;0, справа: 0; "и удалите "float: right;"

Answer 2

Элемент текста теперь плавает помимо Imagine и выравнивает его центр с этим новым «пробелом», проще всего было бы компенсировать это, добавив ширину изображения в качестве отступа к левой стороне текста padding-left:80px;