css - HTML div边框和文本不对齐

我正在尝试绘制带有边框和单个'+'字符的div，但对齐方式已关闭：



我用来生成此代码是：

var divPlus = document.createElement("div");
divPlus.style.position = "absolute";
divPlus.style.left = '5px';
divPlus.style.width = '7px';
divPlus.style.height = '7px';
divPlus.style.top = "20px";
divPlus.style.color = "#111111";
divPlus.style.fontWeight="normal";
divPlus.style.border = "1px solid";
divPlus.innerHTML = '+';

我已经玩过padding and margins了，但是这样做会导致浏览器之间无法对齐。我也尝试使用lineHeight失败。我可能会忽略默认值吗？

如何使边框和文本对齐？

最佳答案

我说了以下话；
行高应该起作用：