как выровнять содержимое в меню внутри плавающего div

Question

Я попытаюсь объяснить свою проблему наилучшим образом. В настоящее время я разрабатываю сайт на одну страницу, и мне бы очень хотелось, чтобы изображение (как показано ниже) в окне браузера, в котором мне удалось с помощью jQuery. div с изображением float:right.

Но вот в чем проблема; слева у меня есть div, установленный на float:left, содержащий текст для этой страницы. Мне бы очень хотелось выровнять текст с меню (width:960px; margin: 0 auto), но я не могу понять, как это сделать.

Я попытался создать 100% ширины div устанавливается в положение абсолютной и создание нового div внутри, что с содержанием, но я не думаю, что position:absolute ответ здесь.

Я надеюсь, что кто-то может помочь мне здесь. Это скриншот сайта: Link

Answer 1

попробовать что-то вроде этого:

.text{ 
    Box-sizing:border-box; 
    position:absolute; 
    Max-width:960px; 
    padding-right:600px; 
    left:50%; 
    transform: translateX(-50%); 
    -webkit-transform: translateX(-50%); 
} 

Answer 2

я думаю, что вы хотите, чтобы ваш сайт в окне шаблона, то просто установить ширину в теле

body{width:960px; margin: 0 auto;}