Html 我希望在导航栏中为我的a链接留有边距：左侧，但我不希望边框底部移动。我怎么做？

在我的导航中，css中的一部分，当我做左边距时：边框-底部也会随着链接移动。但这不是我想要的。我怎样才能让边框底部保持不变，但给导航栏中的链接留有空白？ 我试图搜索，但找不到解决方法。请帮忙

这个问题想让我添加更多细节，但我添加了所有内容，所以只需填写以满足提出此问题的要求

正文{
字体系列：Arial、Helvetica、无衬线字体；
背景色：rgb（245215169）；
线高：1.5；
}
主：非（导航）{
宽度：80%；
利润率：10px 10px 10px 230px；
}
.介绍{
文本对齐：居中；
}  
标题{
颜色：黑色；
字体大小：粗体；
边缘顶部：20px；
}
导航a{
显示：块；
文本对齐：左对齐；
边缘顶部：10px；
文字装饰：无；
边框底部：纯灰2px；
光标：抓取；
} 
导航{
位置：固定；
排名：0；
左：0；
宽度：220px；
身高：100%；
右边界：实心；
边框颜色：rgba（0,22,22,0.4）；
背景颜色：白杏仁；
}

文件
介绍
JavaScript是一种跨平台、面向对象的脚本语言。它是一种小型的轻量级语言。在主机环境（例如，web浏览器）中，JavaScript可以连接到其环境的对象，以提供对这些对象的编程控制

JavaScript包含一个标准的对象库，如数组、日期和数学，以及一组核心语言元素，如运算符、控件结构和语句。通过使用附加对象对核心JavaScript进行补充，可以将其扩展到多种用途；例如：


客户端JavaScript通过提供控制浏览器及其文档对象模型（DOM）的对象来扩展核心语言。例如，客户端扩展允许应用程序在HTML表单上放置元素，并响应用户事件，如鼠标单击、表单输入和页面导航
服务器端JavaScript通过提供与在服务器上运行JavaScript相关的对象来扩展核心语言。例如，服务器端扩展允许应用程序与数据库通信，提供从应用程序的一个调用到另一个调用的信息连续性，或者在服务器上执行文件操作

你好，世界
要开始编写JavaScript，请打开草稿行并编写第一个“Hello world”JavaScript代码：

函数greetMe（yourName）{alert（“Hello”+yourName）；}
greetMe（“世界”）；

在pad中选择代码，然后按Ctrl+R以查看它在浏览器中展开！

变量
在应用程序中使用变量作为值的符号名。变量名（称为标识符）符合某些规则。

JavaScript标识符必须以字母、下划线（_）或美元符号（$）开头；后续字符也可以是数字（0-9）。因为JavaScript是区分大小写的，所以字母包括字符“A”到“Z”（大写）和字符“A”到“Z”（小写）

声明变量
可以通过三种方式声明变量：

以关键字var.为例

var x=42。
此语法可用于声明局部变量和全局变量。

只需给它赋值。比如说,

x=42。
这总是声明一个全局变量。它会生成一个严格的JavaScript警告。你不应该使用这个变体。

使用关键字let。比如说,

设y=13。
常数
您可以使用const关键字创建一个只读的命名常量。常量标识符的语法与变量标识符的语法相同：它必须以字母、下划线或美元符号开头，并且可以包含字母、数字或下划线字符

const PI=3.14
Javascript文档
如果您需要“边距”，但不希望边框移动。你可以使用CSS

仅将以下行添加到CSS：

#navbar > a {
  text-indent: 10px;
}

结果是这样的：


正文{
字体系列：Arial、Helvetica、无衬线字体；
背景色：rgb（245215169）；
线高：1.5；
}
主：非（导航）{
宽度：80%；
利润率：10px 10px 10px 230px；
}
.介绍{
文本对齐：居中；
}  
标题{
颜色：黑色；
字体大小：粗体；
边缘顶部：20px；
}
导航a{
显示：块；
文本对齐：左对齐；
边缘顶部：10px；
文字装饰：无；
边框底部：纯灰2px；
光标：抓取；
} 
导航{
位置：固定；
排名：0；
左：0；
宽度：220px；
身高：100%；
右边界：实心；
边框颜色：rgba（0,22,22,0.4）；
背景颜色：白杏仁；
}
#导航栏>a{
文本缩进：10px；
}

介绍
JavaScript是一种跨平台、面向对象的脚本语言。它是一种小型的轻量级语言。在主机环境（例如，web浏览器）中，JavaScript可以连接到其环境的对象，以提供对这些对象的编程控制

JavaScript包含一个标准的对象库，比如数组、日期和数学，以及一组核心的语言元素，比如操作符、控件
nav a{
       text-align: center;
}

nav a{
       text-indent: 50px;
}