Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
.card { position: relative; } /* Decorative top border */ .card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(to right, #007bff, #6f42c1); } /* Quote marks */ blockquote::before { content: "\201C"; font-size: 4em; color: #ddd; } blockquote::after { content: "\201D"; font-size: 4em; color: #ddd; }
Result
Open