Html 标记-标题左侧的图标

所以我想要的是在一个给定的H1主标题的左侧有一个图标。不幸的是，到目前为止，我没有找到任何方法来实现这一点。一种可能的变体是为这两种语言编写基本的HTML，然而，我并没有从标题中的降价中获益。 你知道有什么更好的方法吗

首先展示我真正想要的是这个（这是用图片编辑器演示的）：

我试过这个：

![image-title-here](https://assets-cdn.github.com/images/modules/logos_page/GitHub-Mark.png)
# Quite a long title, potentially going over several lines

相当长的标题，可能会超过几行 这根本不起作用

![](https://assets-cdn.github.com/images/modules/logos_page/GitHub-Mark.png){:style="float: right;margin-right: 7px;margin-top: 7px;"}
# Quite a long title, potentially going over several lines

{:style=“float:right；margin right:7px；margin top:7px；”}

相当长的标题，可能会超过几行 像这样使用html，无法识别标记：

![]((https://assets-cdn.github.com/images/modules/logos_page/GitHub-Mark.png)

坏消息是，GitHub不支持README.md文件中的全套HTML元素。关于支持的内容。我还从4年前的文章中了解了更多

该问题中提到的资源之一是

如果它起作用，您需要的与下面的内容类似，我保留了这些内容供您参考。这些描述是针对您的问题描述的。不幸的是，GitHub似乎覆盖了

style

属性，将其替换为

width:100%

，并强制文本在图像下方换行

什么应该起作用（但不起作用）：样式附加到图像本身。将其附加到

div

会影响整个div。注意：

由图像和文本组成

    
<h1> <img src="https://assets-cdn.github.com/images/modules/logos_page/GitHub-Mark.png"
  width="128"
  height="128"
  style="float:left;">
    # Quite a long title, potentially going over several lines and on and on and on and on and on and on and on and on and on


#相当长的标题，可能会超过几行，不停地，不停地，不停地，不停地，不停地
我在GitHub项目存储库README.md文件的标题前使用了图像html标记和空格。要设置左边的图像和右边的标题，下面是代码

<img align="left" width="80" height="80" src="https://raw.githubusercontent.com/akarsh/akarsh-seggemu-resume/master/akarsh%20seggemu%20resume/Assets/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60%403x.png" alt="Resume application project app icon">

# Resume application project


#恢复应用程序项目

这就是它的样子，

请展示您尝试过的内容。目前的描述不够清晰。我已编辑以尝试描述我想要的内容。如果您需要更多详细信息，请告诉我。啊，是的！不幸的是，在我的github上，标题从图像底部开始，请检查更新后的问题。您所说的“在我的github上”是什么意思？我怀疑可能有一些CSS附加到H1或图像上，但我无法从您所描述的内容中探究。您需要使用浏览器检查器中的“计算样式”选项卡了解更多信息。这是一个介绍。我的意思是当我在github存储库上应用它时。基本上，我希望在github渲染时以这种方式显示我的自述文件。我将阅读此文章。谢谢！我不熟悉github repos附带的网页，但我有兴趣了解更多信息。你能给我指一个描述这些网页的页面吗。如果这些页面中提到HTML，则会获得额外的积分。因此，这是我正在测试的repo：。至于你的问题，我认为这是正确的地方：