Question

CSS label中的文字怎么向右移动30个像素，有简单代码。

CSS:
.head {
width: 90%;
height: 30px;
padding-left: 5px;
font-size:14pt;font-family:Microsoft YaHei;
background-image:url(../image/6_1.gif);
background-repeat:repeat-x;
display:block;
}

<label class="head">项目基本信息：</label><br/>

让 【项目基本信息：】向右移动50个像素

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：label{margin-left: 50px;}。

3、浏览器运行index.html页面，此时label“项目基本信息：”成功向右移动了50像素。

Answer 2

要使label中的文字向右移动30个像素，只要采用如下设置内边距的方法即可

padding: top right bottom left; /*分别设置元素框的上右下左边距*/

示例如下：

1. HTML元素

   <label>文字向右移动了30px</label

2. css样式

   label{
   	padding:5px 30px; /*设置内边距：上下10px，左右30px*/
   	border:1px solid green; /*为了便于观察，显示出边框*/
   }

3. 显示效果

   

Answer 3

.a {
padding-left:30px;
}

在lable外面加一个div，并引用a 的样式
<div class="a">
<label class="heade">项目基本信息</label>
</div>

Answer 4

padding-left: 5px;
改
padding-left: 50px;

Answer 5

margin-left:50px;