以我想要的方式对齐元素的问题

Question

我正在尝试对齐标题的元素，就像在下面的第一张图片上一样。 不幸的是，我没有得到预期的结果。女性标志和旁边的图像一直粘在页面顶部。 我试图应用一个保证金顶部但问题是，如果我这样做是因为它推动了其他一切。 非常感谢您的帮助。 我无法在JSFfiddle上重现这个，所以这里是live link。 非常感谢，

这就是我想要的（女性标志在文字正上方对齐）：

这就是我所拥有的：

Answer 1

尝试将位置设置为绝对，然后将 top 设置为 200px 我想。

Answer 2

使用position: relative;并更改top值。替换这个类：

.female-sign {
  position: relative;
  top: 263px;
  left: 65px;
}

和

.special-femmes {
  position: relative;
  top: 230px;
  left: 65px;
}