Chèn phần tử giả trong CSS

after before content

Có một danh sách ul. Hãy làm sao cho cuối văn bản của mỗi li có một dấu chấm.

Có một văn bản với các thẻ span. Hãy tạo cho mỗi thẻ một phần tử giả dạng hình vuông với cạnh 10px và nền màu đỏ. Thông qua định vị tuyệt đối, hãy đặt các hình vuông này phía trên thẻ về bên phải.