Specifying Tab-Width?

by

Use the tab-size property. You’ll need vendor prefixes currently. Example:

pre
{
    -moz-tab-size: 4;
    -o-tab-size:   4;
    tab-size:      4;
}

See also the article on developer.mozilla.org: tab-size.

.tabstop
{
    -moz-tab-size: 4;
    -o-tab-size:   4;
    tab-size:      4;
}
Unstyled tabs (browser default)
<pre>
	one tab
		two tabs
			three tabs
</pre>

Styled tabs (4em)
<pre class="tabstop">
	one tab
		two tabs
			three tabs
</pre>

More Related Contents:

  1. Setting the width of inline elements
  2. A Space between Inline-Block List Items [duplicate]
  3. Is it wrong to change a block element to inline with CSS if it contains another block element?
  4. Margin-Top push outer div down
  5. Ignore whitespace in HTML [duplicate]
  6. Render a string in HTML and preserve spaces and linebreaks
  7. display: inline-block extra margin [duplicate]
  8. Problems with CSS sticky footer
  9. Add centered text to the middle of a horizontal rule [duplicate]
  10. White space at bottom of anchor tag
  11. 100% Min Height CSS layout
  12. Making the main scrollbar always visible
  13. HTML/CSS – Best practice for preserving white space on certain elements?
  14. Remove outline from select box in FF
  15. How to make div occupy remaining height?
  16. Change checkbox check image to custom image
  17. display:inline with margin, padding, width, height
  18. How to use an tag inside a in the middle of a text? [duplicate]
  19. Stretching tag to fill entire
  20. Padding the top and the bottom of inline element
  21. HTML list-style-type dash
  22. Extra space under textarea, differs along browsers
  23. Table vertical header?
  24. What’s the point of valid CSS/HTML?
  25. Block Level Elements inside Inline elements [duplicate]
  26. Table with table-layout: fixed; and how to make one column wider
  27. Why does my design elements look different in all browsers? UPDATE [closed]
  28. How to position text over an image with CSS
  29. Input size vs width
  30. Difference between “visibility:collapse” and “display:none”

Leave a Comment