I am currently working on an asp.net MVC app and facing an issue with adding employee ID and employee name on the same line, similar to the web design provided. I need to make modifications using HTML and CSS to achieve this.
The problem is that I am unable to have employee ID and employee name appear on the same line. Can you please advise on how to accomplish this?
Here is a snippet of the code that I have tried:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Your custom CSS -->
<style>
/* Insert CSS styling here */
</style>
</head>
<body>
<div class="form-header"> <h2> نموذج تسجيل استقاله <br/> Resignation Submission Form</h2> </div>
<div class="form-container">
<div class="form-section">
<label for="emp-input">Filled By Employee:</label>
</div>
<div class="form-section">
<p class="fill-by-employee">يتم ملئها من الموظف</p>
</div>
</div>
<form>
<div class="employee-info">
<label for="emp-id">Emp. ID:</label>
<label for="emp-id">-----</label>
<label for="dept-branch">رقم الموظف:</label>
<label for="dept-branch">----</label>
<label for="submission-date">Emp Name:</label>
<label for="submission-date">------</label>
<label for="emp-sign">اسم الموظف:</label>
<label for="emp-sign">-----</label>
</div>
</form>
</body>
</html>
https://i.sstatic.net/x0WvE.png
Update Post
The answer helped solve my query, but it lacks borders as shown in the attached image. Could you please modify the code by adding borders on the left, right, top, and bottom exactly as shown in the image?