-1

I tried '>\0147' but it doesn't seem to work, is it the right syntax ?

.blockquote p::before {
    content: '>\0147';
    font-family: serif;
    font-size: 3em;
    line-height: 0;
    display: block;
    margin: 0 0 20px 0;
}
Alessi 42
  • 1,112
  • 11
  • 26
user310291
  • 36,946
  • 82
  • 271
  • 487
  • `0147` isn't a quote. what quote are you going for? a standard double quote hex is `22` so you would use `content: '\22';` – Michael Coker May 28 '17 at 18:09
  • Possible duplicate? https://stackoverflow.com/questions/8040217/adding-double-quotes-to-a-paragraph-with-css – Alessi 42 May 28 '17 at 18:11
  • `>` shouldn't be in the content property at all. And `\0147` is the [letter N with a caron](https://www.toptal.com/designers/htmlarrows/letters/). – Scott May 28 '17 at 18:12
  • @MichaelCoker thanks I read an article which says 0147 was a double quote :) thanks for \22 – user310291 May 28 '17 at 20:29

1 Answers1

2

Try this:

CSS:

.blockquote p::before {
content: open-quote;
font-family: serif;
font-size: 3em;
line-height: 0;
display: inline;
margin: 0 0 20px 0;
}

HTML

<div class="blockquote">
<p>Lorem ipsum...</p>
</div>
Scott
  • 21,475
  • 8
  • 43
  • 55