<!DOCTYPE html>
<style>
#description::first-letter {
    -webkit-appearance: push-button;
}
#bug::first-line {
    -webkit-appearance: menulist-button;  /* In the older implementation, it incurs crash. */
}
#center::before {
    content: "cocoa";
    -webkit-appearance: button;
}
#center::after {
    content: "cappuccino";
}
</style>
<body>
<p id="description">This should not incur crashes.</p>
<p id="bug"><a href="https://bugs.webkit.org/show_bug.cgi?id=136366">https://bugs.webkit.org/show_bug.cgi?id=136366</a></p>
<p id="center"> and </p>
</body>
