未能并排显示3个部分

Question

我在GitHub上的README.MD文件中有以下HTML代码段：

<footer>
<p style="float:left; width: 20%;">
Copyright © Jonathan Gossage, 2018
</p>
<p style="float:left; width: 60%; text-align:center;">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>
</p>
<p style="float:left; width: 20%;">
Email addresses will be added when they are setup.
</p>
</footer>

此代码旨在在HTML页脚中并排显示3个部分。此代码适用于我的Markdown编辑器的预览窗口，当它放在标准HTML文档中并由Google Chrome显示时，它就会出现问题。

不幸的是，当GitHub将代码呈现为HTML时，页脚会显示为垂直显示的三个部分。我也尝试使用<div>而不是<footer>，结果相同。

任何人都可以建议我如何在GitHub README.MD文件中并排显示这些部分？

Answer 1

GitHub从HTML中删除了几个标签和属性，包括内联样式，作为其processing of Markdown files的一部分：

HTML被消毒，积极地删除可能伤害你和你的亲属的东西 - 例如script标签，内联样式和class或id属性。有关完整的白名单，请参阅sanitization filter。

据我所知，除了使用表之外，没有办法在README.md文件中的列中呈现内容。

另见How to render multiple columns with Markdown in GitHub README?