微信小程序背景颜色刚好包围文字？

Question

css：.h1 { font-size: 36rpx; font-weight: bold; color:#FFFFFF; background-color: #cc151c; padding: 8rpx 22rpx 10rpx 22rpx;}html<view class="h1">-探究古建筑-</view>

怎么让背景刚好包围文字，不要一整行

Answer 1

<view class="h1"><view style="background:green">-探究古建筑-</view></view>

不让你设置的这个元素成为当前页面最上层级节点就行了，最上层级节点默认会width：100%，而background设置的是当前节点所占区域颜色