Question

今天的WordPress创伤...

目标：使用三列布局，在链接文本旁边有一个图标，然后是一些描述性文本。

50pxICON（这是我的链接，该链接应垂直居中放置在   图标）

以下是描述目的地的文字

我似乎无法做的是将链接文本垂直居中放置在图标上。我尝试将其包装在div中，尝试指定div的高度，等等。。。我确定这是我忽略的基本内容

当前代码：

[col3]<div style="height:50px;"><img src="myimage">  <a href="mylink" class="link-text" vertical-align="middle">text</a></div>

Here's our description[/col3]

Answer 1

方法和方法很多，尝试这种方法，希望对您有所帮助。

<div class="wrapper">
  <img class="image" src="myimage" style="
   height: 50px;
   display: inline-block;
   vertical-align: middle;" />  
   <a href="mylink" class="link-text" 
      style="display: inline-block; 
      vertical-align: middle;">
    Your text
   </a>
</div>

在Wordpress中使文本与图像垂直对齐

1 个答案: