html - 在同一行显示 Canvas

Question

我在这里要做的是在同一行中显示多个 Canvas 。我已经尝试显示内联，但它不起作用。它仍然每行显示一个。

<div>
   <p>Camera</p>
   <canvas class='camera' width='50' height='50'>
</div>

<div>
   <p>Multimedia</p>
   <canvas class='multimedia' width='50' height='50'>
</div>

这是我在样式标签中包含的内容

<style>
    .canvas{
       display:inline-block;}
</style>

Answer 1

删除 CSS 选择器前面的句点。

应阅读canvas {不是 .canvas {

后者选择一个类，而前者选择实际标签。

另外，给出 <div>和 <p>标签样式为 inline或 inline-block以及。默认情况下，它们是 block 元素。