为什么我不能将图像环绕在文本周围？

Question

为什么我不能将图像环绕在文本周围（将图像放在文本后面）？

Css代码：

.wrap5{
        background-image: url ('https://upload.wikimedia.org/wikipedia/commons/e/e3/Alto%27s_Adventure_animation_-_01_Chasm.gif');
}

Html代码：

<div class = "wrap5">
<br><br>
<center><h1 style = "color: blue; font-family: monsterrat; letter-spacing: 1px; font-weight: 900;">Are you willing to go on the best journey?</h1></center>
<br><br><br><br>
<center>
<button class = "but" style = "float: center" onclick = "document.getElementById('modal-wrapper2').style.display='block'">Get Started</button>
</center>
<br><br>
<hr>
</div>

Answer 1

去掉url和左括号之间的白色-space：

.wrap5{
        background-image: url('https://upload.wikimedia.org/wikipedia/commons/e/e3/Alto%27s_Adventure_animation_-_01_Chasm.gif');
}

为什么我不能将图像环绕在文本周围？

Why cant I wrap image around text?

html

css

containers

image

wrapper