Ul Li并排语言翻译

时间:2015-04-08 10:40:07

标签: html css

我问了一会儿关于做div的提示。但是,我实际上已经找到了一个方法来使用ul li来并排显示文本,我真的很喜欢它。它看起来不错,移动友好,适用于所有现代浏览器。但问题是,如果我将这个用于大量文本,例如,一方面的故事和另一方面的翻译版本,这将对搜索引擎产生可怕的影响!?毕竟,他们倾向于将李视为列表而不是通常放在p中的大文本/段落。

如果你很好奇,我会把我的代码放在这里:

CSS:

div {
background: #fff;
border: 2px solid;
margin: 0;
overflow: auto;
padding: 1%;
text-align: left;
word-wrap: break-word;
}
li.halfa {
float: left;
width: 49.5%;
}
li.halfb {
float: left;
width: 49.5%;
}
li.space {
float: left;
width: 1%;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}

HTML:

<div>
<ul>
<li class="halfa">english
<li class="space">&nbsp;
<li class="halfb">chinese
</ul>
</div>

0 个答案:

没有答案