Как сделать красивый многострочный background у <code>?

Question

[RimMirK]

Возможно ли сделать многострочный стиль <code> без <div> как здесь, в хабре, и при этом чтобы однострочный <code> не менялся (Оставался таким)?

Как у меня:


Как в Хабре:

ident aperiam velit repellendus. Magnam porro iste minus, 
veniam consectetur vel accusamus beatae. Lorem ipsum dolor, 
sits, unde, porro molestias provident aperiam velit 
repellendus. Magnam porro iste minus, veniam consectetur vel 
accusamus beatae.

мой код

CSS:

code {
	font-family: 'Consolas';
	background: lightgray;
	border-radius: 4.5px;
	padding-left: 4.5px;
	padding-right: 4.5px;
}

Comments

[RimMirK]

надеюсь, понятно выразился

Answer 1

[Сергей delphinpro]

Сделайте его блочным



Здесь это делается по условию. Если в теге много символов, или более одной строки – он оборачивается в блочный pre