How to insert tabs on HTML document? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
- 1

How to insert tabs on HTML document?

23rd Jan 2017, 9:32 AM
Mkansi Eddie
Mkansi Eddie - avatar
4 Answers
+ 2
It's called indenting in CSS but I have no idea what's going on when I did the course.
23rd Jan 2017, 9:39 AM
David Sebastian Keshvi Illiakis
David Sebastian Keshvi Illiakis - avatar
+ 2
Oh, I was thinking at 'tabs view'... You can define first line shifting in css ( may be negative ), or define margin/padding to shift a block. To insert 'tabs'-characters-like, you can insert a <span></span> with a fixed size to insert fixed space... but 'real' tab function wich align content must be handle with <table> structures or maybe with <pre> behaviour ( wich is styling to respect spacements and 'normal' lines breaks )
23rd Jan 2017, 9:46 AM
visph
visph - avatar
+ 1
There's no built-in 'tabs' fuctionnalities in Html... You need handle them by yourself with Css, or Css and JS: some frameworks/tools can be useful, like JQuery ( which provides facilities to handle kind of ), or Bootstrap ( which provide 'tabs' functionalities )...
23rd Jan 2017, 9:39 AM
visph
visph - avatar
+ 1
If you mean 'tab' as 'tab view', a pure Css implementation example: https://code.sololearn.com/WxWFo7C8KNNV/#html If you mean 'tab' as 'indent' for first line, the css property is 'text-indent' ( I use it in the code above... ) If you want insert space with <span> ( or other html element ), in addition to the width, you must set its 'display' css property to 'inline-block'...
23rd Jan 2017, 12:23 PM
visph
visph - avatar