Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Decorative quote mark before blockquotes */ blockquote::before { content: "\201C"; font-size: 4rem; color: #ccc; line-height: 0; vertical-align: -1rem; margin-right: 4px; } /* Clear floats without extra HTML */ .clearfix::after { content: ""; display: block; clear: both; } /* Drop cap */ article p:first-of-type::first-letter { font-size: 3.5rem; float: left; line-height: 0.85; margin-right: 6px; font-weight: 700; color: #1a73e8; } /* Custom selection colour */ ::selection { background: #1a73e8; color: #fff; } /* Styled placeholder */ input::placeholder { color: #aaa; font-style: italic; }
Result
Open