如何获取特定部分代码的css或java类

Question

这是我的代码：

<div id="togglemenu2" class="sidetogglemenu">
    <table class="hoverTable">
        <tbody>
            <tr>
                <td colspan="2">  Example    </td>
            </tr>
            <tr>
                <td colspan="2">
                    <img class="gpablogo" src="http://s2.postimg.org/yb2yzb5fd/gpab.png">
                    <div class="gpab1">
                        <p>1</p>
                    </div>
                    <div class="gpab2">
                        <p>2</p>
                    </div>
                    <div class="gpab3">
                        <p>3</p>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>

如何在G和P与Ab之间移动数字1,2,3？我需要一个CSS代码来移动这些数字：

G1 P2 AB3

提前致谢

Answer 1

这是实现布局的一种方法。在图像和标签周围创建一个包裹元素import Button，并指定.logowrap。

然后，您可以使用绝对定位将标签放置在您需要的位置。

position: relative

.logowrap {
  display: inline-block;
  border: 1px dotted blue;
  position: relative;
}
.logowrap img {
  vertical-align: top;
}
.logowrap .gpab {
  display: inline-block;
  position: absolute;
  top: 50%;
  font-size: 2.00em;
}
.gpab.n1 {
  left: 25%;
}
.gpab.n2 {
  left: 50%;
}
.gpab.n3 {
  left: 90%;
}