Html 无法在字段中心移动标签

我需要对齐谷歌认证字段的css，你们可以在截图上看到标签并没有居中

当我添加标签padding top或margin top时，css不会添加到元素中

需要帮助来找出原因

这是按钮的HTML/jsx：

            <a className="button">
              <div>
                <span className="svgIcon t-popup-svg">
                  <svg className="svgIcon-use" width="25" height="37" viewBox="0 0 25 25">
                    <g fill="none" fillRule="evenodd">
                    // Here coming SVG CODE of icon
                    </g>
                  </svg>
                </span>
                <span className="button-label">Sign in with Google</span>
              </div>
            </a>
        </div>

有什么建议可以解决这个问题吗？

只需添加行高：37px；在.按钮标签上

只需添加行高：37px；在.按钮标签上

使用线高：37px； 或 为按钮提供flex属性

display: flex;
align-items: center;
justify-content: space-between;

之后，根据您的需要进行填充。

使用线条高度：37px； 或 为按钮提供flex属性

display: flex;
align-items: center;
justify-content: space-between;

之后，根据您的需要进行填充