JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>

<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title></title>

<STYLE>

.button-master {
border: 1px solid #000;
padding: 2px; /* вопрос б */
//float: left; /* вопрос в */
} .button-slave {
padding: 2px;
background: #aaa;
font-size: 13px;
font-weight: bold;
border: 1px dashed #fff;
color: #fff;
}
.canvas {
display: inline;
} canvas {
//position: absolute; /* вопрос г */
//float: left;
}
</STYLE>

</head>

<body>

<HEADER>

</HEADER>

<SECTION>

<NAV>

</NAV>

<ARTICLE>

<span class="button-master"><span class="button-slave">Элемент</span></span>

<div class="canvas"><canvas id="icon01" width="16" height="16" style="border:1px solid red;"></canvas></div>
<div class="canvas"><canvas id="icon02" width="16" height="16" style="border:1px solid green;"></canvas></div>
<div class="canvas"><canvas id="icon03" width="16" height="16" style="border:1px solid blue;"></canvas></div>

</div>

</ARTICLE>

</SECTION>

<FOOTER>

</FOOTER>

</body>

</html>