I am using border-radius to round the corners of a div. I also have a border line along the bottom of the div. Like this:

```
<div style="border-radius: .5em; border-bottom: 1px solid black">Content</div>

```

However, I would not like the border line to have rounded edges. I would like the border line to be entirely straight. Is there a way to achieve this?