Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Underline accent on a heading */ .section-title { border-bottom: 3px solid #1a73e8; padding-bottom: 0.4em; display: inline-block; } /* Left accent bar for a blockquote */ blockquote { border-left: 4px solid #bdbdbd; margin-left: 0; padding-left: 1.5rem; color: #555; } /* Active nav indicator — bottom only */ .nav-item.active { border-bottom: 3px solid currentColor; color: #1a73e8; } /* Table cell borders — horizontal only */ td, th { border-bottom: 1px solid #e0e0e0; padding: 8px 12px; } /* Logical border for RTL support */ .sidebar-item { border-inline-start: 4px solid transparent; } .sidebar-item.active { border-inline-start-color: #1a73e8; }
Result
Open