The modal close icon and the text of the modal are incorrect-CodePudding

<div >
  <div >
    @{ ViewBag.Title = "Kişisel Bilgiler"; } @EmployeeCardRes.PersonalInfo
  </div>
  <div >
    <i ></i>
  </div>
</div>
<div ></div>
<div >
  <div >
    <div >
      <div >
        @EmployeeCardRes.FirstName @EmployeeCardRes.LastName
        <div >@Model.FirstName @Model.LastName</div>
      </div>
    </div>
    <div >
      <div >@EmployeeCardRes.PositionCode
        <div >@ViewBag.Position</div>
      </div>
    </div>
  </div>
</div>

Labels inside div need to correspond to posts. but the label is going down the text above how can I fix it.

I want to do like that

CodePudding user response：

You will want to split out your div elements for label and text for each row, so where you have

<div >
  <div >@EmployeeCardRes.PositionCode
    <div >@ViewBag.Position</div>
  </div>
</div>

You should replace it with something more like this:

<div >
  <div >
    @EmployeeCardRes.PositionCode
  </div>
  <div >
    @ViewBag.Position
  </div>
</div>

You can then use CSS to modify the way the DOM positions and displays them, something like the following will give you bold text and a little separation:

.label,
.text {
  display: inline-block;
  font-weight: bold;
  margin: 5px;
  min-width: 200px;
}