如何在Rmd文档中实现带内边距的图片与文本对齐？

你的问题主要出在链接语法错误、CSS样式写法不当以及旧属性的使用上，以下是具体修正方案：

一、单条内容的修正代码 #

先修复现有代码的问题，实现图标左对齐、带内边距，文本与图标垂直对齐的效果：

### heplots

[<img src='https://raw.githubusercontent.com/friendly/heplots/master/man/figures/logo.png' height='120' style="float: left; padding: 0 20px 20px 0;">](https://github.com/friendly/heplots)

<p style="overflow: hidden; margin-top: 0;">
Provides HE plot and other functions for visualizing hypothesis
tests in multivariate linear models. HE plots represent sums-of-squares-and-products 
matrices for linear hypotheses and for error using ellipses (in two
dimensions) and ellipsoids (in three dimensions). The related 'candisc' package
provides visualizations in a reduced-rank canonical discriminant space when
there are more than a few response variables.
</p>

<br clear="left"> <!-- 清除浮动，避免后续内容被图标干扰 -->

关键修正点： #

1. 修复链接语法：原代码中<img>标签后的括号位置错误，正确写法是[<img...>](链接地址)，确保图标可点击跳转。
2. 替换align为float:left：align是HTML旧属性，用CSS的float:left更稳定，适配github_document和html_document两种输出格式。
3. 修正padding写法：去掉多余的单引号，padding: 0 20px 20px 0表示给图标右侧、下方各留20px内边距，避免和文本、下方内容挤在一起。
4. 给<p>加overflow: hidden：自动清除浮动，让文本块和图标保持对齐，不会绕到图标下方；同时去掉默认上边距，让文本和图标顶部对齐更自然。
5. 添加<br clear="left">：强制清除浮动，防止下一个模块被当前图标影响。

二、批量处理方案（避免重复写样式） #

如果要批量处理多个包描述，推荐用自定义CSS类，在Rmarkdown开头的YAML中统一配置样式，之后直接调用类名即可：

1. 在文档开头YAML中引入自定义CSS #

output:
  github_document:
    css: styles.css
  html_document:
    css: styles.css

然后创建styles.css文件，写入以下内容：

.package-logo {
  float: left;
  padding: 0 20px 20px 0;
  height: 120px;
}
.package-desc {
  overflow: hidden;
  margin-top: 0;
}
.clear-float {
  clear: both;
  margin-bottom: 15px;
}

2. 批量使用的代码示例 #

### heplots
[<img src='https://raw.githubusercontent.com/friendly/heplots/master/man/figures/logo.png' class="package-logo">](https://github.com/friendly/heplots)
<p class="package-desc">
Provides HE plot and other functions for visualizing hypothesis
tests in multivariate linear models. HE plots represent sums-of-squares-and-products 
matrices for linear hypotheses and for error using ellipses (in two
dimensions) and ellipsoids (in three dimensions). The related 'candisc' package
provides visualizations in a reduced-rank canonical discriminant space when
there are more than a few response variables.
</p>
<div class="clear-float"></div>

### 其他包示例
[<img src='对应包图标地址' class="package-logo">](对应包链接)
<p class="package-desc">
这里填写包描述内容
</p>
<div class="clear-float"></div>

这样所有包的图标和描述样式统一，不用重复写内联样式，维护起来更方便。

内容的提问来源于stack exchange，提问作者user101089