Input
Output
<!DOCTYPE html> <html> <head> <style> .divider { display: flex; align-items: center; text-align: center; margin: 20px 0; } .divider::before, .divider::after { content: ''; flex: 1; border-bottom: 1px solid #ccc; } .divider:not(:empty)::before { margin-right: .25em; } .divider:not(:empty)::after { margin-left: .25em; } </style> </head> <body> <div class="divider">OR</div> </body> </html>