Python 我想使用Html/Css将图像向左移动

我在尝试向博客添加图像时遇到问题。我试图将我的图像向左推，但它无法工作。在图像下面，我粘贴了我的home.html代码。我想在不移动所有帖子的情况下移动我的图片（请不要介意所有帖子，因为我只是在测试）。

{%extends'base.html%}
{%block content%}
帖子

{%用于对象中的post_列表%}
-{{post.author.first_name}{{{post.author.last_name}}-
{{post.post_date}
{%if user.u经过身份验证%}
- 
{%endif%}


{{post.body}}
{%endfor%}

{%endblock%}

使用

浮动：左，如下所示：

CSS:

HTML:

遗憾的是，它没有起作用。我还创建了一个名为home.css的新文件，并编写了您的代码，但它丝毫没有改变。您只需将css添加到标记中，并确保将该类添加到图像中，即可将其添加到html文件中。这对我来说很有效，除非你的代码中有什么东西阻止了你编辑它。我想有什么东西阻止了我，但我不知道如何修复它，因为我对这个平台非常陌生。你有一个css文件链接到你的html文件吗？如果是这样的话，把它拿出来，使用我的代码，看看它是否移动了图像。如果链接了css文件，它将显示为。如果你把它拿出来，它就工作了，那么它就是另一个css文件中的某个东西。我删除了这个css文件。它仍然不起作用。
{% extends 'base.html' %}

{% block content %}
 
<img src="https://media.vanguardcommunications.net/blog-e1505840253663.jpg" alt="A blog "style="width: 1190px; height: 400px;  text-align:left; top: 100px;">

<h1>Posts</h1>

<ul>
{% for post in object_list %}
    <li><a href="{% url 'article-detail' post.pk %}">{{post.title}}</a> - {{post.author.first_name}} {{post.author.last_name}} -  
        {{ post.post_date }} <small>

        {% if user.is_authenticated %}
            - <a href="{% url 'update_post' post.pk %}">(Edit)</a>

            <a href="{% url 'delete_post' post.pk %}">(Delete)</a>
        {% endif %}
    </small><br/>
    {{post.body }}</li>
{% endfor %}
</ul>


{% endblock %}

.main-img {
  width: 1190px; 
  height: 400px;  
  text-align: left; 
  float: left;
  top: 100px;
}

<img src="https://media.vanguardcommunications.net/blog-e1505840253663.jpg" alt="A blog" class="main-img">

.main-img {
  width: 1190px; 
  height: 400px;  
  margin-right: 100px;
}