css如何使整个div中的整段文字右移

我在div中设置了三段文字,并且设置好了这三段文字的首行缩进,请问如何才能是这三段文字一起右移几个单位。

1、打开sublime text3,并且新建一个html文档和一个css文档。

2、把最基本的html框架写出来。

3、在html的head部分写上编码字符集并引入css文件。

4、在html的body里面写一个div,打上文字并设置一个class名。

5、在浏览器中打开,查看现在的效果。

6、我们直接在选择的div的class名里面加一个“margin: 0 auto;”属性保存。

温馨提示:内容为网友见解,仅供参考
第1个回答  2019-06-19

1、设置padding属性就可以移动文字,具体方法首先需要新建一个html文件,在里面使用div标签设置三段文字,给最后一个P标签添加一个class属性:

2、然后设置div标签的样式,设置首行缩进2字符,字体颜色,字体大小等属性,再设置最后的class属性的padding值,这里4段数字分别代表上、左、下、右的间距,设置好后打开浏览器:

3、在浏览器中可以看到最后一行的文字相比前两段要向右偏一点,至此就把div标签里的文字整体右移了:

本回答被网友采纳
第2个回答  2019-07-10

1、为设置div靠右移动一点前代码:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div向右移一定距离实例 www.thinkcss.com</title>
<style>
.box-a,.box-b{width:200px;height:100px; float:left}
.box-a{ border:1px solid #00F}
.box-b{ border:1px solid #F00}
</style>
</head>
<body>
<div class="box-a">第一个(前者)div</div>
<div class="box-b">第二个(后者)div</div>
</body>
</html>

2、操作设置第二个div左外边距离样式

关键CSS代码:

.box-a,.box-b{width:200px;height:100px; float:left}
.box-a{ border:1px solid #00F}
.box-b{ border:1px solid #F00; margin-left:20px}

3、使用margin-right就不能对需要向右移div设置,而是对前者(蓝色div)设置即可,实现红色div右移一定距离。CSS代码:

.box-a,.box-b{width:200px;height:100px; float:left}
.box-a{ border:1px solid #00F;margin-right:20px}
.box-b{ border:1px solid #F00}

本回答被网友采纳
第3个回答  推荐于2017-09-09
定义一下padding-left的值就可以了,例如下面这样:
<div style="padding-left:24px;">
<p>文字文字文字~~</p>

<p>文字文字文字~~</p>
<p>文字文字文字~~</p>
</div>
不过这样的副作用是div里面的其他元素也会向右偏移。所以也可以把padding定义在段落里面,例如<p style="padding-left:24px;">文字文字文字~~</p>

这是直接把CSS写在html里面的作法,把它写在CSS文件里面也可以的,我想你应该知道怎么做的,就不详细说明了~~本回答被网友采纳
第4个回答  推荐于2018-04-08
可以在 CSS规则定义/区块/文本对齐&文字缩进 中设置……
也可以写代码:
<style type="text/css">
<!--
#a {
text-align: left; //对齐方式
text-indent: 2px; //文字缩进(单位有 像素、厘米、毫米等……)
}
-->
</style>
希望对你有用……本回答被网友采纳

css如何使整个div中的整段文字右移
1、打开sublime text3,并且新建一个html文档和一个css文档。2、把最基本的html框架写出来。3、在html的head部分写上编码字符集并引入css文件。4、在html的body里面写一个div,打上文字并设置一个class名。5、在浏览器中打开,查看现在的效果。6、我们直接在选择的div的class名里面加一个“margin: 0...

如何将css中div下面的文字移置上一个div的右侧?
<\/div> <\/div>

HTML CSS怎么移动字体位置?
1、打开Hbuilder编辑器,新建一个html空白文档,输入基本的结构,这里设置一个外围的div盒子,给外围的div高度宽度和背景颜色,文字包裹到span标签里,文字也设置一下颜色,按下Crtl+S保存一下:2、此时可以在软件右侧的窗口可以看到效果:3、把外围盒子的position属性设置为relative,span标签里的position属...

html怎么把文字右移
1、为设置div靠右移动一点前代码即可。2、代码详情:htmlhead>meta http-equiv=Content-Type c \/title>div向右移一定距离实例 www.thinkcss.com\/titlestyle>.box-a,.box-b{width:200px;height:100px; float:left}.box-a{ border:1px solid #00F}.box-b{ border:1px solid #F00}\/style\/head...

如何调整文字在div中的位置如何调整文字在div中的位置
要放入的文字在css中写入:.jz{width=1000px;margin:0auto;text-align:center;}width是设置一个宽带,margin:0auto;是使该p居中。text-align:center;使文字相对于p居中。HTMLCSS怎么移动字体位置?首先可以用个容器来包住字体,给宽和高。在块元素里面的可以用text-align:center、left、right可以用...

用div+css如何让字靠右对齐
1、新建html文档,在body标签中添加div标签,为div设置一个id,这里以“demo”为例:2、在div标签中添加文字,然后为div标签设置宽高和边框,这时默认情况下文字靠右对齐:3、为div添加“text-align:right;”,其中“text-align”指的是文本对齐方式,“right”指的是靠右对齐,这时网页中文字将会靠右...

CSS左右偏移
1、新建html文件。2、创建两个div,并赋予id。3、为两个div设置宽高和背景,并设置左右浮动。4、预览效果如图。5、创建第三个div。6、为第三个div设置宽高和背景。7、预览效果如图。注意事项:随着HTML的成长,为了满足页面设计者的要求,HTML添加了很多显示功能。但是随着这些功能的增加,HTML变的...

DW div里面的文字调整位置
1、我们先新建一个div标签,设置宽高均为400px,并设置左、上边距均为0。2、为明显显示,将div背景颜色设置为蓝色,在将div标签内添加文字。3、在CSS规则定义分类选项中选择【方框】,然后找到Padding和Margin,分别设置方框的内边距和外边距。4、我们先设置Margin的top和left分别为20px,即设置外上...

css怎么调整div的位置
简单的代码示例如下:body><div id="div2"><\/div><style>div{border: 1px solid red;width: 200px;height: 200px;position: absolute;right: 200px;bottom: 200px;}<\/style><\/body>2、设置一个宽高为200像素的div距body的右边200像素底部200像素,运行的效果如下图:...

HTML\/CSS中如何将一个文字右转90度
<div>旋<\/div> <div>转<\/div> <\/div> <div> <input type="button" value="左旋转" onclick="doLeftTransform()"\/> <input type="button" value="右旋转" onclick="doRightTransform()"\/> <\/div> <\/body> <script type="text\/javascript"> var deg = ...

相似回答