Question

Для вывода HTML кода,как есть, на страницы сайта системы Ucoz используется [code]Код программы[/code].

Что довольно уныло.

Где они находятся те самые стили отвечающие за вывод  HTML кода,как есть, и как вы бы посоветовали их оформить?

 

Answer 1

Я для этого использую теги <pre>здесь код</pre> это куда лучше чем code и далее для pre вы в стилях можете задать все что вам нужно и как отображать код.

Comments

.... далее для pre вы в стилях можете задать все что вам нужно и как отображать код.

Вот про стили я и хотел узнать. Может быть посоветуете набор стилей, позволяющие выводит оригинально и красиво HTML теги на страницах сайта.

 

---

Фёдор Тимофеев,

Может быть посоветуете набор стилей, позволяющие выводит оригинально и красиво HTML теги на страницах сайта.

---

Фёдор Тимофеев,

В стили добавьте:

pre {
  text-align: left;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-wrap: break-word;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}