{"id":31396,"date":"2017-07-13T03:01:46","date_gmt":"2017-07-12T17:01:46","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=31396"},"modified":"2017-07-12T11:57:54","modified_gmt":"2017-07-12T01:57:54","slug":"html-nested-centering-via-css-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/html-nested-centering-via-css-primer-tutorial\/","title":{"rendered":"HTML Nested Centering via CSS Primer Tutorial"},"content":{"rendered":"
\"HTML<\/a>

HTML Nested Centering via CSS Primer Tutorial<\/p><\/div>\n

We’ve talked before about why with our HTML webpage design we so often turn to the HTML table<\/i><\/a> element when it comes to “precision” alignment requirements. We find the HTML table element “gels” well with what we grew up to be comfortable with “geometry wise”. Nevertheless, what must be said, is that as you read about the “net” regarding webpage design, you will be pointed towards using HTML div<\/i><\/a> elements ahead of the HTML table element, and so we want to dedicate some “centering” alignment blog postings that at their “heart” use HTML div elements as their centerpiece (boom, boom<\/font>) rather than our “comfort zone” tables.<\/p>\n

Perhaps a good first read here regarding alignment, as far as inhouse blog postings go, would be to read HTML\/Javascript\/CSS Reveal Top Left to Bottom Right Tutorial<\/a> below.<\/p>\n

Now thinking about this topic, one quite dear to us, as we always go around adjusting mal-aligned pictures on walls, we were encouraged by a recent “reading something while surfing the net”, the discovery of which we also used in Textarea Width and Height Control Primer Tutorial<\/a>, about the CSS “vh” vertical units<\/a> syntax, that we are keen to “harness” because we think we might be able to build a mobile-friendly web application that does not need an “explicit” meta<\/i><\/a> tag “viewport”<\/a> setting. It’s not for us any “war” against the meta<\/i> “viewport” tag as such, but it is just that am a little skeptical of concepts not needed before a certain point of time, and if you tell me of one, I’d prefer the more “fundamental” original approach where this is possible and feasible and sensible … and just for the purposes of finding out “if” something can be done, and that help finding out “how” things work.<\/p>\n

In this first “Primer” (CSS and HTML only) web application blog posting …<\/li>\n