How do I add a right border to a <div> tag?

[skald89]

<div id="mailsort">
<div><a class="mailsort" style="width:175px;" height"auto" > From </a></div>
<div><a class="mailsort" style="width:61px;" height"auto"> Date </a></div>
<div><a class="mailsort" style="width:248;" height"auto"> Subject </a></div>
</div>

I want a right thin solid border on the right of "from" "date" "subject"

I think its suppose to be
<div style="border-right: " border- "> from </div>

I just cant figure it out :/

[MagicMedia]

<div id="mailsort">
<div><a class="mailsort" style="width:175px;" height"auto" > From </a></div>
<div><a class="mailsort" style="width:61px;" height"auto"> Date </a></div>
<div><a class="mailsort" style="width:248;" height"auto"> Subject </a></div>
</div>

I want a right thin solid border on the right of "from" "date" "subject"

I think its suppose to be
<div style="border-right: " border- "> from </div>

I just cant figure it out :/

<div style="border-right:5px solid red;">

BTW inline is a really bad idea. You should really put it in an external CSS file.

[skald89]

<div style="border-right:5px solid red;">

BTW inline is a really bad idea. You should really put it in an external CSS file.

True

I could create a css just for those 3 <div> that says it has a solid thin black right border.
For the multiple widths I have to do it inline?

Btw Thank you

[RoyalElite96]

No, you could try something like this:

<div class="cell">Home</div>
<div class="cell">Contact</div>
<div class="end">About</div>

And in your CSS file:

.cell{
border-right: 5px solid red;
display: table-cell;
width: 200px;
}
.end{
display: table-cell;
width: 200px;
}

[staciejortega]

<div style="border-right:5px solid blue;">

</div>