{"id":53614,"date":"2021-10-13T03:01:51","date_gmt":"2021-10-12T17:01:51","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=53614"},"modified":"2021-10-13T16:54:42","modified_gmt":"2021-10-13T06:54:42","slug":"html-button-element-whitespace-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/html-button-element-whitespace-primer-tutorial\/","title":{"rendered":"HTML Button Element Whitespace Primer Tutorial"},"content":{"rendered":"
\"HTML<\/a>

HTML Button Element Whitespace Primer Tutorial<\/p><\/div>\n

The topic of “whitespace” in webpages is a very big subject for something a lot of us may think of as “the things that aren’t the things”, if you know what I mean? We talked about it a little with HTML Whitespace Primer Tutorial<\/a>, in the past.<\/p>\n

Those HTML elements that have a defined “innerHTML” attribute, rather than a defined “value” attribute or no content type of attribute, are more interesting to us regarding whitespace usage (and yes, the considered usage of whitespace can “save the aesthetics day”)<\/font>, and the best element type we can think of in this respect is the HTML button element, because it is interesting to compare (and\/or contrast) it to the HTML input type=button element, as we did at Button Versus Input Type Equals Button Primer Tutorial<\/a>.<\/p>\n

It is interesting to “fuse” the CSS “white-space” property with various ways to define “vertical whitespace” and even (tab) “horizontal whitespace” regarding the “button” element “look”. Thanks to some ideas here from The white-space CSS property<\/a>.<\/p>\n

And so we are here presenting a proof of concept (button_element_linefeed_whitespace.html<\/a>) “button element whitespace” web application<\/a> for you to peruse, below …<\/p>\n