我正在为移动浏览器设置我的新网站的CSS文件。一个问题：文本在第二列（即我的移动布局的底部）列中垂直显示。换句话说，而不是显示＆＃34; Hi，Stack Overflow！＆＃34;我的浏览器会显示以下内容：
H
i
,
S
t
a
c
k
O
v
e
r
f
l
o
w
!
我尝试了很多CSS属性，但无济于事。我在iOS设备上使用Safari。
编辑：我认为这是相关代码
#container {
width: 100%;
background-color: #FFF;
}
#navigation {
display: block;
float: none;
width: 100%;
background-color: #009245;
}
#content {
display: block;
float: none;
width: 100%;
}
编辑2：这是HTML代码
<body>
<div id="container">
<div id="navigation" class="navigationtext">
<h2><a href="">domain</a><br>
the home page of Firstname Lastname</h2>
<p><a href="/about/">About</a></p>
<p><a href="/blog/">Blog</a></p>
<p><a href="/contact/">Contact</a></p>
<div class="copyright">Copyright</div>
</div>
<div id="content">
<h1>Welcome!</h1>
<p>The page's content or text.</p>
</div>
</div>
</body>