vue输入rules校验

vue中rules校验时间不能为空的校验提示语不在一行，而是一行一个字，别的输入框都正常，怎么单独设置这个提示的样式

跟其他设置一样的，参考：

<el-col :span="24">
          <el-form-item label="考试时间 从" prop="startDate">
            <el-date-picker v-model="dataForm.startDate" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd  HH:mm:ss" placeholder="开始时间" />
            至<el-date-picker v-model="dataForm.endDate" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd  HH:mm:ss" placeholder="结束时间" />
            <font color="red">注：该时间内考试有效</font>
          </el-form-item>
        </el-col>

startDate: [
          { required: true, message: '开始考试时间不能为空', trigger: 'blur' }
        ],
        endDate: [
          { required: true, message: '结束考试时间不能为空', trigger: 'blur' }
        ]

f12查看一下这里的样式是哪里出了问题

代码贴出来看看