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

CSS:.head{width:90%;height:30px;padding-left:5px;font-size:14pt;font-family:Microsoft... 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个像素
展开
 我来答
幻翼高达Zero
2019-07-11 · TA获得超过1.7万个赞
知道答主
回答量:499
采纳率:0%
帮助的人:8.2万
展开全部

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

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

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

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

learneroner
高粉答主

推荐于2017-09-28 · 关注我不会让你失望
知道大有可为答主
回答量:1.1万
采纳率:91%
帮助的人:6571万
展开全部

要使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. 显示效果

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
eleven福满多多
2011-12-14 · TA获得超过899个赞
知道小有建树答主
回答量:632
采纳率:0%
帮助的人:282万
展开全部
.a {
padding-left:30px;
}

在lable外面加一个div,并引用a 的样式
<div class="a">
<label class="heade">项目基本信息</label>
</div>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
adobe45
2011-12-14
知道答主
回答量:34
采纳率:0%
帮助的人:18.7万
展开全部
padding-left: 5px;

padding-left: 50px;
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
赵东贺
2011-12-14
知道答主
回答量:44
采纳率:0%
帮助的人:20.3万
展开全部
margin-left:50px;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式