控制文本与边框的距离，要使用css的内边距属性padding来实现。请看下方示例代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>angular demo</title>
</head>
<body>
<style type="text/css">
.box{width:150pxheight:150pxborder:1px solid #333padding:10pxfont-size:12px}
</style>
<div class="box">
这里是测试的文字，修改padding值就可以改变文字距离边框的距离了。
</div>
</body>
</html>
示例中设置的padding值为10px；文字距离边框的距离即为10px。可通过修改值来改变距离。实现效果如下图：
你好！在CSS中控制距离的属性很多，这里可用margin，代码是：
input{margin:10px
10px
10px
10px}//顺序为：上
右
下
左
这样就可以控制丙从此文本框的距离了。
CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
仅代表个人观点，不喜勿喷，谢谢。
你直接给这个文本框设置高度，把文字的行高设置和文本框一样的值，就可以实现，例如：
text{
height: 30px
width: 200px
line-height: 30px
text-indent: 10px
}
