# How to make a border that is in the middle?

**URL:** <https://forum.devtalk.com/t/how-to-make-a-border-that-is-in-the-middle/108895>\
**Category:** Frontend Questions/Help\
**Tags:** css, frontend\
**Created:** [13 May 2023 23:13 UTC](https://forum.devtalk.com/t/how-to-make-a-border-that-is-in-the-middle/108895 "2023-05-13T23:13:03Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![dev](https://forum.devtalk.com/user_avatar/forum.devtalk.com/dev/32/4990_2.png) [@dev](https://forum.devtalk.com/u/dev)\
**Post date:** [14 May 2023 17:02 UTC](https://forum.devtalk.com/t/how-to-make-a-border-that-is-in-the-middle/108895/3 "2023-05-14T17:02:46Z")

</div>

Maybe this example will help you?  
https://codepen.io/alexlion/embed/preview/dZpNXw?default-tabs=css%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=dZpNXw

In this way you can use before and after elements with use z-index for create unique borders.

---

_[View the full topic](https://forum.devtalk.com/t/how-to-make-a-border-that-is-in-the-middle/108895)._