我正在使用Github创建一个个人网站。在这个标记文件中，我试图将一张照片向左对齐，然后在照片旁边做一个简短的自我介绍。这是我当前的代码。
<img align="left" width="300" height="440" src="image/photo.JPG">
my introduction text goes here
我需要做些什么来给图像添加一些边距，这样文本就不会撞到图像上？非常感谢！
你可以试试这个：
<img style="margin-right: 1.5rem" align="left" height="auto" width="300" src="https://thumbs.dreamstime.com/b/introduction-concept-word-cork-board-77226561.jpg" />
<p>Hi, this is the introduction...</p>或者你可以选择使用多列布局，并根据自己的喜好指定列间距：
<section id="introWrapper" style="column-count: 2; column-gap: 50px">
<img>
<p></p>
<section>