HTML'de yazının altını çizerek numaralandırma yapmayı bilen?

Selamlar. test soruları eklemek isterken bir kelimenin altını çizerek numaralandırma yapmayı istiyorum fakat hangi kodu kullanmam gerektiği hakkında fikrim yok bilen arkadaşlar yardımcı olurlarsa sevinirim
istediğim şeyi alttaki örnekte çizdim. kelimenin altını çizerek hemen altında bir numara belirtmek istiyorum

html'de hiç rastlamadım. vektörek programda hazırlayıp, pdf'e çevrilir. (corel,indesign)

html e yapmam gerekiyor hocam çok teşekkür ederim ilginiz için.

Ek olarak;
eğer bilginiz varsa phpde textareatagı ilekullanılan bi yazı editörü öneriniz varmı?

önce o altı çizilileri yakalayabilmen için class ver, sonra :before :after ile css'de content özeliğini düzenleyebilirsin. böyle yaparsan konumlandırman kolay olur. o contetini de class'a verriğin data-xyz gibi bir attr ile bind edebilirsin.

https://jsfiddle.net/ktjebmvw/3/

Bunu hazırladım senin için örnek olarak