JSFiddle - React, Tailwind, and code Playground

HTML

<div class="center">
    <canvas id="canvas_left" class="left" width="150px" height="400px"></canvas>
    <canvas id="canvas_main" class="center"></canvas>
    <canvas id="canvas_right" class="right" width="150px" height="400px">
      
    </canvas>
</div>

CSS

canvas {
  border: 1px solid red;
}
.left {
    display: block;
    margin: auto;
    float: left;
}
.center {
    display: block;
    margin: auto;
    float: left;
}
.right {
    display: block;
    margin: auto;
    float: left;
}