Html CSS无法将我的文本换行

我肯定错过了一些简单的事情！ 我尝试了其他主题的修复，但我尝试的每件事似乎都让问题变得更糟。 你能提供的任何帮助都会很好

基本知识：我试图制作一个有固定标题的网页。在那下面有固定的菜单。 然后是内容/文本/图片区域。在右手边有一个侧栏，我可以在那里设置按钮/调用

我有90%，但我不能让我的文字包装。我试过各种各样的东西。我的文本要么在侧栏上方，要么在侧栏下方。也许我的想法完全错了

*我对自己的解释有点错误。 我想侧栏的东西，使文字包装

我正在使用的代码

.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;

}

---

提前谢谢

像这样只需

添加
换行：断开单词在选择器中
p


css

p{
    word-wrap:break-word;
}

您可能还希望为非侧边栏内容指定一个宽度。检查我刚刚为您制作的JSFIDLE：

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;}

你真的有那么长没有空格的文本吗？它通常会在空白处换行。我根本不需要这样做。看来是我造成了一个问题，我根本没有正确思考这个问题。谢谢你指出这一点。我已经编辑了我的JSFIDLE。这似乎可以完成工作。不是我想的那样。我不介意我用哪种方式剥猫皮！我现在就去测试一下。非常适合我的需要。非常感谢你！不用担心，小心点：）