如何利用css将导航栏中字向右移动??

html-css014

如何利用css将导航栏中字向右移动??,第1张

<div class="div1"><font class="wenzi">文字</font></div>

不知道你的向右移动是什么意思,如果是要文字居右则:

#div1{

text-align:right

}

如果要文字离左侧多少距离则:

#wenzi{

margin-left:20px

}

1、打开Hbuilder编辑器,新建一个html空白文档,输入基本的结构,这里设置一个外围的div盒子,给外围的div高度宽度和背景颜色,文字包裹到span标签里,文字也设置一下颜色,按下Crtl+S保存一下:

2、此时可以在软件右侧的窗口可以看到效果:

3、把外围盒子的position属性设置为relative,span标签里的position属性设置为absolute,设置top、left、right、bottom的数值,此时在右侧的窗口就会发现文字的位置已经改变了:

定义一下padding-left的值就可以了,例如下面这样:

文字文字文字~~

文字文字文字~~

文字文字文字~~

不过这样的副作用是div里面的其他元素也会向右偏移。所以也可以把padding定义在段落里面,例如

文字文字文字~~

这是直接把css写在html里面的作法,把它写在css文件里面也可以的,我想你应该知道怎么做的,就不详细说明了~~