CASES OF DUAL METHODS FOR EFFECTS Some things can be done in 2 ways: by styling an outer object, or styling the inner objects. 1) SPACING BETWEEN OBJECTS Inner:- margins on inner objects Outer:- padding on the surrounding object e.g. on a div, squeezing text in from the window edges. 1.2) FLOAT LEFT (e.g. see DOCimg1 ?? ) Inner:- float: left; Get inner span-objects to float within a div-object outer. Outer:- Use tables to structure the spatial layout. 2) ALIGNING TEXT, CENTERING, ETC. Outer:- To centre text within a box: text-align: center; Inner:- To centre a box on the page / within another box: margin: 0 auto ( i.e. margin-left: auto; margin-right:auto;) The trap is that using DIV creates a box but it inherits full width, so text in it will be left-justified even though the new box is centered. And SPAN doesn't seem to respond about margins perhaps because it is in the grip of positioning in-line, not rel. to the page; or for same reason as DIV: it inherits full width. BUT you can do display:block/inline to overcome this. So if block then textalign works.
------------ vertical-align: super; for superscripts. It has many poss. values. If not a cell then:{ display: table-cell; vertical-align: middle / bottom } Gets a floating block to go more or less to top of adjacent one. But style may have to be in the block element e.g. Fieldset, not in a DIV.