href锚点宽度保持为零

Question

我有一个问题与我的href锚:我不能得到它显示;它的宽度保持为0，所以我放进去的图像不会显示，我不能点击。它适用于文本，但不适用于我的图像;然而，当我离开我的代码中的href锚时，它们确实显示，所以问题不在于图像源。

我添加了style=">的锚标签(我也尝试设置一个固定的宽度与宽度:25px;)，但我的锚的宽度仍然是空的…

你们中有人知道如何解决这个问题吗?

谢谢!

.levels{
background-color: #fff;
padding: 3%;
margin-bottom: 20px;
}
.levels_rows{
display: flex;
width: 100%;
flex-direction: row;
}
.global{
display: flex;
width: 20%;
flex-direction: column;
padding-right: 2%;
}
.other{
display: flex;
flex-direction: row;
width: 25%;
}

<div class="levels">
<div class="levels_rows">
<div class="global">
<p style="font-size:14px; font-weight:900; text-transform:uppercase; margin-bottom: 2%;">Title</p>
<div class="other">
<a style="display: inline-block; width: 100%;" href="#URL">
here I have an image
</a>
</div>
</div>
</div>
</div>

Answer 1

.global{
display: flex;
width: 100%;
flex-direction: column;
padding-right: 2%;
}
.other{
display: flex;
flex-direction: row;
width: 100%;
}

我改变了全局和其他类的宽度为100%，文本对齐。这是你想要的吗?

Answer 2

我想我找到了。

.levels{
background-color: #fff;
padding: 3%;
margin-bottom: 20px;
}
.levels_rows{
display: flex;
width: 100%;
flex-direction: row;
}
.global{
display: flex;
width: 100%;
flex-direction: column;
padding-right: 2%;
}
.other{
display: flex;
flex-direction: row;
width: 100%;
}

<div class="levels">
<div class="levels_rows">
<div class="global">
<p style="font-size:14px; font-weight:900; text-transform:uppercase; margin-bottom: 2%;">Title</p>
<div class="other">
<a href="www.google.com" target = "_blank">
<img src="https://img.freepik.com/free-photo/closeup-acrylic-paints-background_23-2148315460.jpg?size=626&ext=jpg"></a>
</div>
</div>
</div>
</div>