サイトにプログラムコードを貼り付ける preタグのCSS

2010

pre.code {

	-moz-background-clip:border;

	-moz-background-inline-policy:continuous;

	-moz-background-origin:padding;

	background:#eeeeee none repeat scroll 0 0;

	border:1px solid #999999;

	color:#444444;

	display:block;

	font-size:1em;

	margin:0 1em 1em 1em;

	overflow:scroll;

	padding:0 0.5em 0.5em 0.5em;

	width:700px;

	max-height:400px;

}

function p($var) {

  echo "<div align='left' style='background-color:#333333;color:white;font-weight:bold;'><pre>";

  print_r($var);

  echo "</pre></div>";

}

2018

<style>

pre {

 background:#eeeeee none repeat scroll 0 0;

 color:#444444;

 display:block;

 font-size:1rem;

 margin:1rem;

 overflow:scroll;

 padding:0.5rem;

 width:90%;

}

</style>