Html 在锚元素内移动图标不';不行?

Html 在锚元素内移动图标不';不行?,html,css,Html,Css,我正在尝试在锚元素中移动图标,但没有目标图标,但它不起作用 我真的很感激你们能给我的任何信息 html{ 字号:2.5em; } 身体{ 背景色:#fff; 填充:25px; 文本对齐:居中; } .图标按钮{ 背景颜色:橙色; 边界半径:2.6雷姆; 显示:内联块; 字体大小:1.3rem; 身高:2.6雷姆; 线高:2.6雷姆; 利润率:0.5px; 文本对齐:居中; 宽度:2.6雷姆; } 为图标添加线条高度 a i { line-height: 5rem; } 你希望你的结果是什

我正在尝试在锚元素中移动图标,但没有目标图标,但它不起作用

我真的很感激你们能给我的任何信息

html{
字号:2.5em;
}
身体{
背景色:#fff;
填充:25px;
文本对齐:居中;
}
.图标按钮{
背景颜色:橙色;
边界半径:2.6雷姆;
显示:内联块;
字体大小:1.3rem;
身高:2.6雷姆;
线高:2.6雷姆;
利润率:0.5px;
文本对齐:居中;
宽度:2.6雷姆;
}

为图标添加线条高度

a i {
  line-height: 5rem;
}

你希望你的结果是什么样的?看起来我可以很好地更改行高-你可能有一些css覆盖它,但样式表应该包含在文档的标题中-而不是标题标记中。另外,还不清楚你的问题是什么-线高度是5rem,因为setI想垂直移动图标,使用线高度将其居中放置在标记内,而不将其作为目标(图标)