我正在做一个网站，每月发表文章的问题。这很简单，我认为使用Markdown编辑器(如Stack Overflow中的WMD)将是完美的。
然而，他们确实需要在给定的段落中使图像右对齐的能力。
我看不出在目前的体制下有什么办法能做到这一点——有可能吗?
当前回答
我认为最简单的解决方案是直接指定align="right":
<img align="right" src=/logo.png" alt="logo" width="100"/>
其他回答
为了使图像稍微缩进一点，只需在img元素中使用一些不间断的空格。例如: <img src="https://user-images.githubusercontent.com/123456/123456789-3aabedfe-deab-4242-97a0-a6641e675e68.png" />
我喜欢learnvst使用表格的答案，因为它是相当可读的(这是编写Markdown的一个目的)。
然而，在GitBook的Markdown解析器的情况下，除了一个空标题行，我还必须在它下面添加一个分隔行，以使表能够被识别并正确呈现:
| - | - |
|---|---|
| I am text to the left |  |
|  | I am text to the right |
分隔线至少需要包含三个破折号——。
许多Markdown“额外”处理器支持属性。所以你可以像这样包含一个类名(PHP Markdown Extra):
{.callout}
或者，备用的(我的，Kramdown, Python Markdown):
{: .callout}
然后，当然，您可以以正确的方式使用样式表:
.callout {
float: right;
}
如果您的文档支持这种语法，那么它将为您提供两全其美的服务:没有嵌入标记，样式表足够抽象，无需内容编辑器修改。
最佳和最可定制的选项:
<div style="display:flex; align-items: center;"> <div style="flex:1"> <img src="https://www.researchgate.net/profile/Jinsong-Chong/publication/233165295/figure/fig5/AS:667635838640135@1536188196882/Initial-contour-Figure-9-Detection-result-in-low-resolution-image-in-low-resolution-image.ppm"/> </div> <div style="flex:1;padding-left:10px;"> <img src="https://www.researchgate.net/profile/Miguel-Vega-4/publication/228966464/figure/fig1/AS:669376512544781@1536603205341/a-Observed-low-resolution-multispectral-image-b-Panchromatic-image-c.ppm" /> </div> </div>
这将使第一个对齐到左边，第二个对齐到右边。也适用于2张以上的图像。
你可以在Markdown中嵌入HTML，所以你可以这样做:
<img style="float: right;" src="whatever.jpg">
Continue markdown text...
