如何编码一些原子的原子序数和原子质量数

Question

我想知道如何在一行中编码一些原子的原子序数和原子质量数   我也尝试过

<sup>35</sup><sub>17</sub>Cl

就像这样的I tried

但是我要这样Chlorine

Answer 1

避免使用sup和sub标签。 请改用以下CSS规则：

HTML：

<p><span class="atoms">17</span>Cl</p>

CSS：

p { line-height: 1.5 }

.atoms {
  position: relative;
  top: 0.3em;
  color: blue;
  font-size: 0.8em;
 }

编辑：您可以对质量数执行类似的操作。 HTML：

      <p><span class="mass">35</span><span 
      class="atoms">17</span>Cl</p>

CSS：

 .mass{
  position: relative;
  bottom:0.7em;
  left:1em;
  color:blue;
  font-size:0.8em;
 }