Как применить разные стили к дате, если она находиться в одном span?

Question

[DeNissss4444]

Я вывожу из бд дату (yyyy-MM-dd) в тег span благодаря шаблонизатору thymeleaf. Теперь когда оно вывело я имею 2021-05-14 и мне надо как то применить стили к этой дате. К примеру что бы 14 шло на первом месте, под ним был 05, а под ним 2021 год уже.
14
05
2021
И так же 2021 мне нужно выделить другим цветом, но я что-то вообще не понимаю как мне применять стили к разным элементом даты, если они все выводиться в один span

<div class="blog_post_image">
								<a href="#"><img src="images/blog_1.jpg" alt=""></a>
								<div class="blog_post_date">
									<span class="d-flex flex-column align-items-center justify-content-center">
											<span th:text="${el.timeArticle}"></span>
									</span>
								</div>
							</div>

Answer 1

[Alex Karo]

Сделать split по строке и отображать в разных блоках с разными стилями