The inline-block method, is primarily helpful for placing elements next to one another within a line. The inline-block property accepts all box model properties, including height, width, padding, border, and margin. Using inline-block elements allows us to take full advantage of the box model without having to worry about clearing floats.
The curriculum does not fully demonstrate or explain the use of floats in creating column layouts so I am trying to fill in the gaps here with this post and atomic, minimal, demonstrative example :
In an attempt to use DRY (don’t repeat yourself) in CSS there is oft a desire to not rewrite CSS code. Here are some ways of avoiding it.
So the materialize CSS docs are not very helpful if you want to have tabs in your html page.
I looked online & all the examples were not esential, atomic & minimal. They used jquery or provided no access to the actual source code.