html - HTML と CSS を使用してフィールドを必須に見せるにはどうすればよいですか

Question

フィールドを必須にしたいのですが、赤い色で必須の * が、フィールド名のすぐ横にあるフィールド名の下に来ています

ここにHTMLコードがあります

<div class="span12" id="propertytype">
    {% for field1 in propertytypeform %}   
    <p>
        <label> {{ field1.label_tag }}
            {% if field1.field.required %}
            <span class="required-field">*Required</span>
            {% endif %}
        </label>
        &nbsp;&nbsp;&nbsp; {{ field1 }} <br />
        { field1.errors }}
    </p>
    {% endfor %}                            
</div>

CSSファイル

.required-field{
    color:red;  
    font-size:8px;
    /*position:absolute;
    top:-50;*/
}