Я хочу использовать собственный стиль для фрагментов кода в своем блоге. Я определил следующий стиль:
mystyle {
background: #C3FFA5;
border: solid 1px #19A347;
color: #191919;
display: block;
font-family: monospace;
font-size: 12px;
margin: 8px;
padding: 4px;
white-space: pre;
}
Я использую его следующим образом:
<mystyle>
int main() {
cout << "Hello World" << endl;
}
</mystyle>
Это дает следующий результат. Я пробовал Firefox и Google Chrome.
Я хочу удалить дополнительную строку в начале блока. Очевидно, я понимаю, откуда берется новая линия, и что я могу использовать <mystyle>int main() {
вместо этого. Если я использую <pre>
вместо <mystyle>
, нет дополнительной строки новой строки, так можно ли это сделать и с моим собственным стилем?