示例：各种元素不换行

瓜皮

之牙

示例

<!-------------支持高阶CSS动画特效---------------->
<head>
<link
rel="stylesheet"
href="https://unpkg.com/animate.css@4.1.1/animate.min.css"
/>
    <style>
        .i {
            display: inline-block;
        }
    </style>
</head>
<!-------------支持高阶CSS动画特效---------------->


<div class="i animate__animated animate__pulse animate__infinite"><h2 style="font-size:60px">瓜皮</h2> </div> 
<div class="i animate__animated animate__bounce animate__infinite"><h2 style="font-size:80px">之牙</h2></div>
<div class="i animate__animated animate__flipInX animate__infinite"><h2 style="font-size:100px">示例</h2></div>

实现原理备注：
加上下面这段代码才可以让各个Class的元素保持在同一行显示;
并且可以无视DIV、H1等换行的效果；
感谢 darcyc 的指点！

    <style>
        .i {
            display: inline-block;
        }
    </style>