I have set borders and margins to zero.
<div class='nobordermargin'>hello</div>
<canvas class='nobordermargin' id="myCanvas"
width="300" height="150"></canvas>
<div class='nobordermargin'>hello</div>
I have set borders and margins to zero.
<div class='nobordermargin'>hello</div>
<canvas class='nobordermargin' id="myCanvas"
width="300" height="150"></canvas>
<div class='nobordermargin'>hello</div>
You just need to set canvas to { display: block; } as it's inline by default.
Also see here: Inline Elements | MDN