Vertical line between divs

This can also be used if you want to put it as a separate element:

<hr width="1" size="100">

You can change the size to the desired size.

It also works:

<hr style=" transform: rotate(90deg); width: 100px; ">

You can of course just put the tag <hr> which is a horizontal line and turn 90º into CSS:

hr {
  transform: rotate(90deg);
  width: 100px;
}

<hr>

You can again change the width to the desired size as well.

It seems that your question is more about CSS (Style) than the languages defined in tags . See, for a vertical line between divs you just have to, as you mentioned, a border-left in the rightmost element that would already solve the problem.

Your code looks like this:

<div style="float:left; max-width:200px;max-height:200px;" class="text-center">
     <b>Telefone</b><br />
     @Html.DisplayFor(modelItem => item.Telefone)
</div>
<div style="float:left; max-width:200px;max-height:200px;margin-left:10px; border-left:1px solid #666" class="text-center">
     <b>Celular</b><br />
     @Html.DisplayFor(modelItem => item.Celular)
</div>

Note that the following style was added inside the style property of the second div : border-left:1px solid #666 .

Another approach would be to use the Flexbox . See how you would look at codepen .

abs.