css图标和文字对齐

.icon-text {
  display: flex;
  align-items: center; /* 垂直居中对齐 */
}

.icon-text i {
  font-size: 24px; /* 设置图标大小 */
  margin-right: 8px; /* 图标和文字之间的间距 */
}

.icon-text {
  display: flex;
  justify-content: center; /* 水平居中对齐 */
}

.icon-text i {
  margin-right: 8px; /* 图标和文字之间的间距 */
}

.icon-text {
  display: inline-block;
  vertical-align: middle; /* 基线对齐 */
}

.icon-text i {
  font-size: 24px; /* 设置图标大小 */
  margin-right: 8px; /* 图标和文字之间的间距 */
}