错误信息显示在错误的地方

Question

如果日期未填写，则会显示上述错误消息，

我正在使用

 <div><p>
    <label class="field">Event Start</label>
    <input type="date" name="sDate" min="2016-04-30" required></input>  
    </p></div>

这是我的标签

的CSS

label   {width: 20%;
    float: left;
    clear: left;
    text-align: right;
    margin-right: 4%;
    font-weight:bold;   }

但它出现在错误的地方，它应该在那里的日期显示正确。

有人可以帮我吗？