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个像素

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

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

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

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

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-09-28

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

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

示例如下:

    HTML元素

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

    css样式

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

    显示效果

第2个回答  2011-12-14
.a {
padding-left:30px;
}

在lable外面加一个div,并引用a 的样式
<div class="a">
<label class="heade">项目基本信息</label>
</div>
第3个回答  2011-12-14
padding-left: 5px;

padding-left: 50px;本回答被提问者采纳
第4个回答  2011-12-14
margin-left:50px;

CSS label中的文字怎么向右移动30个像素,有简单代码。
1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<style>标签中,输入css代码:label{margin-left: 50px;}。3、浏览器运行index.html页面,此时label“项目基本信息:”成功向右移动了50像素。

ASP.NET中 怎么把label中的文字居中
很简单呀如果是在表格中你就在表格标记里面加上style="align-text:center"如果是行中 同理不要再控件的属性上想心思

html中如何将label上边与一个输入框上边对齐
可以给加上class,然后CSS里定义成块,即display:block;然后像两个DIV一样让他们对齐即可。或者在第一个后面加一个换行<br \/>

表单label里的文字怎么靠上对齐啊,默认是靠下的,怎让他靠上
你给文本域加一个vertical-align: top;的CSS样式就行了,像这样:<textarea style="vertical-align: top;" rows="10" cols="10">文本域<\/textarea>如果有问题,你再HI我好了。本回答由网友推荐 举报| 答案纠错 | 评论 39 3 aAa9079 采纳率:83% 擅长: Html\/Css JavaScript 其他编程语言 其他回答 给labe...

如何修改el-form标签中label的文字颜色
f12 ,鼠标点击角色名称时,右边关联的css如上所示,然后修改 .el-form-item__label:将color属性修改为red,文字就变成了红色,所以我们需要这样定义一个class:然后给该标签添加class名称:然后刷新一下页面,就看到文件已经变成了红色:还有p标签的文字颜色就更简单了,直接添加 style="color: indianred"&#...

css中如何让div中的文本框居中
1、打开Dreamweaver cc 2014软件,选择建立html界面,里面自动生成一些必要代码的代码格式,节省时间。2、在body标签内输入:<div class="one">最喜欢玩游戏<\/div>;这是图形框的代码,以及要居中的文本内容。3、在body标签前面位置,输入:<style> .one{ width:400px; height:220px; border:red ...

html如何更换字体?
一、使用简单的HTML语法可以控制文字的大小:二、(推荐!)先看参数 JOptionPane.showMessageDialog(Component,Object,String,int);第二个参数为Object,我们可以用一个JLabel来替代以前的String,给JLabel一个Font就OK了。importjavax.swing.*;importjava.awt.*;importjava.awt.event.*;importjava.awt....

我想布局一个文字环绕图片的网页css样式,图片在右下角,不知道怎么...
<p>content content content content content content <img src="1.jpg" style="float:right;\/>content content content content content content content content content content <\/p> 在段落中插入img,img设置向右浮动。

html样式中左右两边的文字宽度不固定,怎么在中间添加一条中间线_百度知...
借用了一下@能躺绝不Carrys 的代码,在他的代码下改良了下。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<\/title> <style> .main-body li { display: flex; } .main-body li label { margin: 0; margin-right: 10px; } .mai...

...这个一个DIV里面包含img和两个span,我不是很懂他那个CSS怎么...
下面是把原网站的效果完整模拟出来的代码,你自己分析一下css就明白了:<style> .box {position:relative; width:400px; height:400px} .box img {position:absolute; left:0; top:0; width:400px; height:400px; z-index:1} .box img.hs {opacity:1; z-index:2; transition:opa...

相似回答