Как реализовать это на css?

Question

[Илья Матвийчук]

<div id='pwaalert'>
            <span id='pwaspan'>установить этот сайт, как приложение</span>
            <br>
            <p id='pwap'>Его можно установить себе на рабочий стол. Благодаря супер кешированию сайт будет загружаться мгновенно и работать без интернета</p>
        </div>

с помощью js

document.getElementById('pwap').style.width=document.getElementById('pwaspan').offsetWidth+'px'

Я добился этого эффекта, т.е. #pwap получает такую же ширину, как и #pwaspan.



Можно ли как-то на css это сделать?

Вот, что есть

#pwaalert{
    margin-left: 1em;
    text-decoration: underline dotted var(--miniPostDiscColor);
    opacity: .8;
    display: flow-root;
    cursor: pointer;

    & p{
    margin: 0.7em auto 0px;
    font-size: inherit;
    width: 100%;
    font-weight: 100;
    color: var(--pColor);
    filter: brightness(0.8);
    display: inline-block;
    text-decoration: none;
    }
}