$result = implode(' ', array($data1, $data2));
является более общим.
Это потому, что вы установили высоту строки, которая на самом деле намного меньше высоты линии по умолчанию. (если вы удалите line-height: 108px;
, вы увидите, что он намного больше).
Вы можете добавить overflow: hidden
к разделу .title
, если не хотите, чтобы ссылка проходила по размеру раздела.
.title {
display: flex;
position: absolute;
background-color: red;
z-index: 6;
height: 7em;
width: 20em;
bottom: 11.25vh;
text-align: left;
overflow: hidden;
}
.title a {
font-size: 108px;
line-height: 108px;
text-decoration: none;
color: #000;
font-family: 'Inknut Antiqua', serif;
}
<link href="https://fonts.googleapis.com/css?family=Inknut+Antiqua" rel="stylesheet">
<div class="title">
<a href="http://www.google.com">Work</a>
</div>