如何将社交媒体句柄放在图标的右侧？

<div class="social-media-container">
  <span class="social-media-icon">社交媒体图标</span>
  <span class="social-media-handle">社交媒体句柄</span>
</div>

.social-media-container {
  display: flex;
  align-items: center;
}

.social-media-icon {
  /* 设置图标样式 */
}

.social-media-handle {
  /* 设置句柄样式 */
  margin-left: 5px; /* 设置图标和句柄之间的间距 */
}