CSS open-quote shows 1 quotation mark

Question

I\'m using the following CSS to add open quotes before a paragraph:

blockquote {
  padding: 22px;
  quotes: \"\\201C\"\"\\201D\"\"\\2018\"\"\\2019\";
  font-size         


        

Answer 1

You must close the quotes before open another one.

Here a workaround: Close quotes, but invisible.

blockquote {
  padding: 22px;
  quotes: "\201C""\201D""\2018""\2019";
  font-size: 15px;
}
blockquote:before {
  color: #111;
  content: open-quote;
  font-size: 4em;
  line-height: 0;
  vertical-align: -0.4em;
}
blockquote:after {
  visibility: hidden;
  content: close-quote;
}

  
Lorem ipsum dolor...



  
Lorem ipsum dolor...



  
Lorem ipsum dolor...