How to change a span to look like a pre with CSS?

by

Look at the W3C CSS2.1 Default Style Sheet or the CSS2.2 Working Draft. Copy all the settings for PRE and put them into your own class.

pre {
    display: block;
    unicode-bidi: embed;
    font-family: monospace;
    white-space: pre;
}

More Related Contents:

  1. How to collect and manipulate data in HTML using
  2. Responsively change div size keeping aspect ratio [duplicate]
  3. SVG drop shadow using css3
  4. Switching the order of block elements with CSS [duplicate]
  5. Imitating a blink tag with CSS3 animations
  6. How can I force a long string without any blank to be wrapped?
  7. 100% Min Height CSS layout
  8. Rendering problems using flexbox in Firefox and Chrome 48 [duplicate]
  9. Equal space between flex items
  10. How to get a child element to show behind (lower z-index) than its parent?
  11. What is the performance impact of the universal selector?
  12. How to wrap text of HTML button with fixed width?
  13. Place boxes inside ul in center, but align them left
  14. Image width/height as an attribute or in CSS? [duplicate]
  15. Aligning decimal points in HTML
  16. Why is nth-child selector not working?
  17. What’s default HTML/CSS link color?
  18. CSS: stretching background image to 100% width and height of screen?
  19. Can overflow:hidden affect layout?
  20. How to Animate Gradients using CSS
  21. Bootstrap navbar: nothing is displayed on smaller devices
  22. How do I remove background-image in css?
  23. :before && :after pseudo elements not showing Firefox
  24. @font-face not working with specific version of Internet Explorer 11
  25. How to change cursor color without changing text color?
  26. How to curve the div from bottom with image background
  27. align images side by side in html
  28. Removing the Bevel Effect on the Corner of Borders
  29. CSS class starting with number is not getting applied
  30. How to set a percentage height value in HTML/CSS

Leave a Comment