在没有CSS的情况下更改文本的位置

时间:2015-01-20 10:23:45

标签: html

它看起来像:

enter image description here

但是,如果没有CSS,可以将此文本(Lepingute ajalugu)移到这里:

enter image description here

我想直接在它下面写这个文字(LEPINGUD)。这可能吗?

我的HTML:

<ul class="list-inline choose-actions">
                <li><h4>Lepingud</h4> |</li>
                <li>Lepingute allkirjastamine |</li>
                <li>Esita muutmisavaldus |</li>
                <li>Lepingute ajalugu</li>
</ul>

我已经尝试过空格并使用<br>,但我没得到我需要的东西。

有任何线索吗?

更新

就像所有人说的那样,我需要使用CSS,我可以如何正确地移动<li>Lepingute ajalugu</li>。我试过这个:

ul li li li li{
    left: 150px;
}
<ul>
    <li><h4>Lepingud</h4> |</li>
    <li>Lepingute allkirjastamine |</li>
    <li>Esita muutmisavaldus |</li>
    <li>Lepingute ajalugu</li>
</ul>

3 个答案:

答案 0 :(得分:0)

不,即使是,也不要这样做。 HTML应该描述文档的逻辑结构 - 什么是标题,什么是段落,什么是首字母缩略词等。浏览器有一些关于特定项目的默认格式(如粗体项目)的默认(主要是标准化)假设。如果您不喜欢默认值,则使用CSS - 作为实际样式表(嵌入或链接为单独的文件)或元素的内联样式=“...”属性。

如果您根本不想使用CSS,那么您会遇到默认设置。另一个选项(使用&nbsp;或其他可怕的移动内容的方式)并不能保证在每个浏览器/设备上实际以相同的方式工作,并且将来行为可能会在没有通知的情况下发生变化。而且,这是错误的:)

CSS并不是很难 - 抓住一个基本教程like this one on W3,只需尝试一下你的页面,直到得到你想要的结果:)你不需要任何特殊的IDE或编译器或任何东西 - 只需尝试一下,保存并刷新!

答案 1 :(得分:0)

 <ul class="list-inline choose-actions">
 <li><h4>Lepingud</h4> |</li>
 <li>Lepingute allkirjastamine |</li>
 <li>Esita muutmisavaldus |</li>
 <li>Lepingute ajalugu</li>
 </ul>
 ul tag width fix provide then li tag padding left provide 

答案 2 :(得分:0)

对不起,你不能。你需要CSS。我应该看到你的代码在行动中帮助你更多,但你可以尝试:

<h4 style="margin-left:0;">

我不知道它是否能解决您的问题¿您能为我们提供一个包含您的代码的网址吗?

注意:学习CSS,这对于Web开发人员非常重要:)