How can I center

Since ul and li elements are display: block by default — give them auto margins and a width that is smaller than their container. If you’ve changed their display property, or done something that overrides normal alignment rules (such as floating them) then this won’t work.

How to make canvas responsive

To change width is not that hard. Just remove the width attribute from the tag and add width: 100%; in the css for #canvas Changing height is a bit harder: you need javascript. I have used jQuery because i’m more comfortable with. you need to remove the height attribute from the canvas tag and add this script: You can see this fiddle: https://jsfiddle.net/1a11p3ng/3/ … Read more

Layout a flex box similar to a table?

If the content you are going to present is of type tabular data, then a table is the proper way. HTML 5.1 W3C Recommendation, 1 November 2016, 4.9 Tabular data Given that you can’t, or don’t want to, alter the markup, this can be done using CSS Table, and with that easily swap between any … Read more

Place a button right aligned

Which alignment technique you use depends on your circumstances but the basic one is float: right;: You’ll probably want to clear your floats though but that can be done with overflow:hidden on the parent container or an explicit <div style=”clear: both;”></div> at the bottom of the container. For example: http://jsfiddle.net/ambiguous/8UvVg/ Floated elements are removed from … Read more