仅在移动版本的左侧显示文字

Question

我使用移动样式表让我的网站移动，但列表中的文字现在只显示在左侧，就像我双击文本一样。 我使用的是Android 4.2，这是在标准的Cyanogenmod浏览器中，但在其他浏览器中也是如此。

我已经尝试过：

width:100%;
word-wrap:normal;
text-wrap:none;

HTML：

<div id='bottom'>

<hr>

<span id='lastEdit'>
<?php echo 'Laatst gewijzigd: '.date('d F Y:',filemtime('index.php')); ?><br>
</span>

<ul>
    <li>- Lorem ipsum dolor sit amet...</li>
    <li>- Lorem ipsum dolor sit amet...</li>
    <li>- Lorem ipsum dolor sit amet...</li>
</ul>

<span id='nextEdit'>Wat nog komt:</span>

<ul>
    <li>- Lorem ipsum dolor sit amet...</li>
    <li>- Lorem ipsum dolor sit amet...</li>
    <li>- Lorem ipsum dolor sit amet...</li>
</ul>

</div>

CSS：

span#lastEdit,span#nextEdit
{
font-weight:400;
width:100%;
word-wrap:normal;
text-wrap:none;
}

ul
{
list-style-type:none;
padding-left:5px;
width:100%;
word-wrap:normal;
text-wrap:none;
}

div#bottom
{
clear:both;
font-size:50px;
width:100%;
}

仍然没有变化！

提前致谢。

更新：它适用于IOS（Safari和Chrome）

Answer 1

text-align的默认值为left。你所看到的是预期的行为。

如果要查看不同的结果，请进行更改。有left，right，center，justify。等。见MDN https://developer.mozilla.org/en-US/docs/Web/CSS/text-align