Difference between revisions of "Template:Note"

Jump to navigation Jump to search
(Enhance Example)
(Add more technical notes)
Line 23: Line 23:
<!--      -->
<!--      -->
== Technical notes ==
== Technical notes ==
The boxes use <code>display: table</code> to support both adaptive width and floating siblings, all other alternatives can't archive them as perfect as this solution within just one HTML element. However, it has its own flaw, if you put it into another table, its padding will gone. Avoid putting hints, notes and warnings into any tables until solution was found, or we give up and use two elements for just one box.


This template uses class <code>.template-box</code> and <code>.template-note</code>.
This template uses class <code>.template-box</code> and <code>.template-note</code>.