Blockquote not aligning

Question

Я разрабатываю отзывчивый сайт, что означает изменение макета. Если рассматривать как можно более широкий, мой блоквот переносится на следующую строку. Я хотел бы, чтобы он был на одной линии.

мне удалось зафиксировать открытую котировку, добавив некоторые text-indent однако я не в состоянии двигаться близко котировку.

Мой HTML:

<blockquote><p class="blockQuote">In recent years we have noticed a growth in demand for audit services, by enterprises with foreign investment, partly because of the demands on the part of organizations such as the CPI and the central bank.</p></blockquote> 

CSS:

blockquote { 
    font-family: serif; 
    font-style: italic; 
    color: #000; 
    margin: 0px 0px 10px 0px; 
} 

blockquote:before { 
    content: "\201C"; 

} 

blockquote:after { 
    content: "\201D"; 

blockquote:before { 
     position: absolute; 
     width: 60px; 
     height: 60px; 
     line-height: 1; 
     font-size: 120px; 
    } 

    blockquote:after { 
     position: absolute; 
     width: 60px; 
     height: 60px; 
     line-height: 1; 
     font-size: 120px; 
    } 

Когда я использую span элемент, близкие цитаты затруднительные но Открывающая выглядит, как он должен двигаться дальше.

Answer 1

Добавить <span> тег вместо <p> тег. Рабочий JSFiddle здесь https://jsfiddle.net/jfmf4ujc/