I want to delete the canvas space between the first and second lines

Question

I want to delete the canvas space between the first and second lines.

<canvas></canvas><canvas></canvas>... more <canvas>

and, I want to overlap all canvas by one pixel.

Is that possible?

Welcome to StackOverflow! Please, fix the images because are the second is same as the first (also you can insert `!` before the `[jsfiddle][1]` and `[Like this][1]` to show them as overview). | Also don't insert images as code or the image will lose the hyperlink — xKobalt, Aug 24 '20 at 08:06

score 0 · Accepted Answer · answered Aug 24 '20 at 08:07

0

Just apply this style:

canvas {
    border:1px solid;
    margin-bottom: -5px;
    margin-right: -1px;
}

answered Aug 24 '20 at 08:07

gurumaxi

score 0 · Answer 2 · answered Aug 24 '20 at 08:22

0

canvas {
  border:1px solid;
  margin: 0;
  width: 49.5%;
  float: left;
}

answered Aug 24 '20 at 08:22

Lucid-vision

Great job! Also it's recommended to use `box-sizing: border-box;` and then `width: 50%;` – Alizadeh118 Aug 24 '20 at 08:41
1

A little bit of explanation would make this answer much better! Please, consider explaining this solution! – Jenea Vranceanu Aug 24 '20 at 12:55

2 Answers2