我在图像上有一个文本，但文本上方和下方有一个奇怪的边距。我margin-bottom: 0;已经尝试过了，但这并没有奏效。
.text {
position: absolute;
margin: 0;
left: 30px;
right: 0;
text-align: left;
top: 40%; /* Adjust this value to move the positioned div up and down */
color: black;
text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.16);
font-size: 75px;
}<div class="text">
<h1>Test</h1>
</div>