Html 使用显示时图片不显示：块；但不显示：块内联；

Django和前端开发新手。尝试学习CSS教程。它由一个基本模板treehouse.html和about.html组成。我正在扩展基本模板，因此about.html如下所示：

{% extends "treehouse.html" %}


<!-- Change which item in the menubar is selected. -->
{% block menubar %}
    <li><a href="{% url 'basehunters.views.treehouse' %}">Portfolio</a></li>
    <li><a href="{% url 'basehunters.views.treehouse_about' %}" class="selected">About</a></li>
    <li><a href="contact.html">Contact</a></li>
{% endblock %}


<!-- Remove picture gallery from about page -->
{% block picture_gallery %}{% endblock %}


{% block vanity %}
    <section>
      <img src="{{ STATIC_URL }}img/hulk.jpg" alt="Photograph of Nick Petit" class="profile-photo">
      <h3>About</h3>
      <p>Hi, I'm Tyler</p>
    </section>
{% endblock %}

---

您知道为什么当显示属性使用块值时，图片会消失吗？树屋教程不包括Django。在我阅读前端开发教程时，我正在尝试配置Django。谢谢你抽出时间

属性，而不是

块内联

谢谢，我做了更改。当我保存代码时，它没有成功，所以我看不到图片。所以仍然不确定“block”到底是怎么回事，你能试着用一把小提琴（jsfiddle.net）重现这个问题吗？也许你可以自己解决它……我没有看到任何东西看起来能与Django模板一起工作？嗯。您总是可以创建一个小提琴与生成的html

.profile-photo{
    display: inline-block;
    max-width: 150px;
    margin: 0 auto 30px;
    border-radius: 20px;  
}