GitHub风味Markdown中实现两HTML元素居中并排且垂直对齐

问题场景 #

需要在GitHub个人主页的Markdown中实现：

• 自定义图片与Profile views计数器并排展示
• 计数器位于图片右侧，且与图片高度垂直居中
• 整体布局在页面居中
• 仅允许使用内联样式，不能用独立CSS；原代码包含多余的details下拉菜单，且对齐效果不符合预期，常规方案不适配GitHub风味Markdown

解决方案 #

使用带内联样式的Markdown表格实现需求，代码示例如下：

<table align="center">
  <tr>
    <td align="center">
      <img src="你的自定义图片地址" alt="个人自定义图片" width="160" height="160">
    </td>
    <td align="center" valign="middle">
      <img src="你的Profile Views计数器地址" alt="Profile访问量" />
    </td>
  </tr>
</table>

关键说明 #

• align="center" 使整个表格在页面水平居中
• valign="middle" 强制右侧计数器单元格与左侧图片单元格垂直居中对齐
• 可通过调整图片的width/height参数优化两者的尺寸匹配度，提升视觉协调性
• 移除了多余的details标签，简化结构的同时精准满足布局要求

内容的提问来源于stack exchange，提问作者Aleix Mariné