Как сделать в первом слове первую большую букву через css, если фраза большая?

В span и прочите теги первое слово оборачивать нельзя, есть куча фраз, где нужно чтобы фраза начиналась с большой буквы. Как такое реализовать через css
Хотя ладно, если через js можно как-то, то тоже подойдет вариант.

Таких фраз может быть 1000 и более, нужно как-то за раз во всех фраза сделать первое слово с большой буквы.

<p>персонажи андертейл имена и картинки. - подборка</p>
<p>динозавры в наше время фото. - подборка</p>
<p>приколы для дня рождения мужчины. - подборка</p>