Как сохранить непрозрачность текста 100, когда его родительский контейнер имеет непрозрачность 50

У меня есть div списка, который у меня непрозрачность установлена ​​на 50, и внутри этого div я хочу отобразить текст с непрозрачностью 100,

Вот что я имею в виду:

<div id="outer">
  <div id="inner">
    Text
  </div>
</div>

CSS будет:

#outer {
  opacity: 0.5;
}

#inner {
  opacity: 1.0;
}

Я пробовал это, но это не сработало.

помогите, пожалуйста

С уважением