Как я могу изменить положение проверки сообщения HTML ошибки

Question

Возникают проблемы в HTML проверки из-за того, как его позиция попытался удалить таблицу и изменение размера текстового поля ввода все тот же из положения

addform .php

здесь форма пытался изменить размер входного текстового поля, но по-прежнему сообщение проверки ошибок по-прежнему вне позиции

<style type="text/css"> 
    #dis{ 
    display:none; 
    } 


    </style> 




    <div id="dis"> 
    <!-- here message will be displayed --> 
    </div> 


<form method='post' id='emp-SaveForm' action="#"> 

<table class='table table-bordered'> 

    <tr> 
     <td>First Name</td> 
     <td><input type='text' name='fname' class='form-control' 
     pattern ="[a-zA-Z]+" 
     title="First Name should only contain letters" 


     required /></td> 

    </tr> 

    <tr> 
     <td>Last Name</td> 
     <td><input type='text' name='lname' class='form-control' required></td> 
    </tr> 

    <tr> 
     <td>Contact Number</td> 
     <td><input type='number' name='contactnum' class='form-control' required></td> 
    </tr> 

    <tr> 
     <td>Email</td> 
     <td><input type='email' name='email' class='form-control' required /></td> 
    </tr> 

    <tr> 
     <td>Password</td> 
     <td><input type="password" name='pass' class='form-control' required /></td> 
    </tr> 

    <tr> 
     <td>Language</td> 
     <td><input type='text' name='lang' class='form-control' required /></td> 
    </tr> 
    <tr> 
     <td colspan="2"> 
     <button type="submit" class="btn btn-primary" name="btn-save" id="btn-save"> 
     <span class="glyphicon glyphicon-plus"></span> Save this User 
     </button> 
     </td> 
    </tr> 

</table> 

еще новый в этом передний конец надеюсь, что вы можете помочь мне спасибо

Answer 1

Я думаю, что это нужно позиция: абсолютная, то вы можете переместить его в любом месте вы хотите на этой странице.

#dis { 
     position: absolute; 
     margin-left: auto; 
     margin-right: auto; 
    }