Using a footer in README.MD

I am attempting to create a footer in my README.MD file which should have three sections that display horizontally across the bottom of the document. This works in my markdown editor preview in Visual Studio 2017 but unfortunately Github insists in displaying the sections vertically. The Html I used follows here:

<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>

I have tried using both <div> blocks and <p> without success. Can anyone suggest how to get these sections displayed horizontally on Github?

GitHub sanitizes the HTML that can be generated from the Markdown in documents to prevent security holes from being exploited. I don’t know of a way to get those things displayed horizontally in the way that you’re describing other than using a Markdown table.

1 Like