Append horizontal rule to each

Question

For my

list, I would like to add a

---

after each element of a list. The Result should render like:

Answer 1

I think it's better to use CSS for this. for example you can stop using

---

tag, instead do something like:

    

        moooo!
    
    

        maaaaa!
    
    ...

and then with CSS:

.mylist li { border-bottom: 1px solid black; }

There are other options too, for example if you want to show the horizontal line only for some list items, you can give them a class and add a CSS rule only for that class. like this:

    

        moooo!
    
    

        maaaaa!
    
    ...

and CSS:

.mylist li.hr { border-bottom: 1px solid black; }