CSS не может получить мой текст для обертывания

Question

Несомненно, я пропустил что-то простое здесь! Я пробовал исправления из других тем, но все, что я пытаюсь, похоже, делает проблему хуже. Любая помощь, которую вы могли бы предоставить, была бы замечательной!

Основы: Я пытаюсь создать веб-страницу с фиксированным заголовком. под этим фиксированное меню. затем область для содержания/текста/изображений. а справа - боковую панель, где я могу поместить кнопки/призывы к действию.

им 90%, но я не могу получить текст для обертывания. я пробовал разные вещи. либо мой текст проходит поверх или под боковой панелью. возможно, я думаю об этом совершенно неправильно.

* Отредактируйте im, объяснив, что я немного ошибаюсь. Я бы хотел, чтобы боковая панель была тем, что заставляет текст обертывать.

Код, им с помощью ...

.cent { 
    width: 984px ; 
    margin-left: auto ; 
    margin-right: auto ; 
} 


.main { 
clear: both; 
    display: block; 
    width: 964px; 
    padding: 0px; 
    margin:189px 0px 0px 10px; 
    font-family:Arial, Helvetica, sans-serif; 
    background:#FF0; 
} 

.ctar{ 
    float:right; 
    display:inline; 
    padding: 0px; 
    margin:0px -10px 0px 10px; 
    background: #F0F ; 
    width: 200px; 
    right:0px; 
    bottom:0px; 
    top:0px; 

} 

i have created a JSFiddle here incase some other code was affecting it

Заранее спасибо!

Answer 1

вы можете передать содержание без боковой панели ширину тоже. Проверьте jsfiddle я только что сделал для вас: добавлен http://jsfiddle.net/mY584/3/

CSS:

#bodycontent{ 
float:left; 
padding: 0px; 
margin:0px -10px 0px 0px; 
background: #F0F; 
width: 740px; 
right:0px; 
bottom:0px; 
top:0px; 
word-wrap:break-word;} 

Answer 2

LIKE это просто addword-wrap:break-word; в селекторе p

demo

Css

p{ 
    word-wrap:break-word; 
}