Html 添加文本时Div移动，换行符不移动'；行不通

我的目标是为一些图像创建一个div（到目前为止它还可以），右侧的一些文本创建一个div，底部的文本创建另一个div。 当我在

missdletters

div中添加文本时，它不知为什么会下降。我想可能有

display:inline block

这造成了混乱，但我不知道是什么

重要的CSS：

正文{
背景色：#303030；
字体系列：“源代码Pro”，monospace；
字号：28px；
}
身体，竞技场{
最小高度：400px；
身高：50%；
宽度：50%；
保证金：自动；
利润率最高：11.5%；
背景色：暗绿色；
边界半径：15px；
}
普尔古伊先生{
显示：内联块；
垂直对齐：顶部；
边缘顶部：12px；
最小宽度：360px；
/*不确定是否应该更长，但适合它*/
最小高度：300px；
/*所以我会在过程中检查它*/
底部：0px；
}
missedletters先生{
垂直对齐：顶部；
显示：内联块；
边缘顶部：12px；
最小高度：320px；
最小宽度：190px；
左：0px；
底部：0px；
单词包装：打断单词；
}
.更正信件{
最小高度：80px；
垂直对齐：顶部；
单词包装：nowrap；
}

JS-Bin

您只需在

missdletters

div中添加一个最大宽度/宽度。您可以使用

float:left而不是
显示：内联块
 你好。你能详细说明问题出在哪里吗？将文本添加到
missdletters
时，它从容器的一半开始。是否希望容器的大小增大以容纳输入的任何文本
poorguy
只需在容器顶部插入文本；这是有意的吗？您在“右边”提到了一个div，但我不确定这是哪一个？
missdletters
可以增大大小以容纳输入的任何文本，而poorguy的目的是保存图片（正如我写的那样）。更正后的字母应该也能保存文本，但它也工作得很好

，但它弄乱了my

poorguy

div的位置，不过使用“最大宽度”和更改“最小宽度”确实有帮助。