Hướng dẫn css add text to div - css thêm văn bản vào div

Tôi tương đối mới với CSS và đã sử dụng nó để thay đổi kiểu và định dạng của văn bản.

Bây giờ tôi muốn sử dụng nó để chèn văn bản như hình dưới đây:

reconcile all entries

Mà tôi hy vọng tôi có thể có thể hiển thị như:

Nhiệm vụ của Joe: Giải thích tất cả các mục

Đó là, đơn giản là nhờ vào lớp "chủ sở hữu Joe", tôi muốn văn bản

Joe's Task: reconcile all entries.

0 được hiển thị.

Tôi có thể làm điều đó với mã như:

Joe's Task: reconcile all entries.

Nhưng điều đó dường như rất dư thừa để cả chỉ định lớp và văn bản.

Có thể làm những gì tôi đang tìm kiếm không?

Chỉnh sửa một ý tưởng là cố gắng thiết lập nó như một ListItem

Joe's Task: reconcile all entries.

1 trong đó "Bullet" là văn bản "Nhiệm vụ của Joe". Tôi thấy các ví dụ về cách đặt các kiểu đạn khác nhau và thậm chí hình ảnh cho đạn. Có thể sử dụng một khối văn bản nhỏ cho danh sách-Bullet không? One idea is to try to set it up as a ListItem

Joe's Task: reconcile all entries.

1 where the "bullet" is the text "Joe's Task". I see examples of how to set various bullet-styles and even images for bullets. Is it possible to use a small block of text for the list-bullet?

One

Two

Three

#btest1 a::before {content: "🔗Link ";}

h2::after {content: " Important"; color: red;}