How can I align buttons on my <li> elements

I’m trying to create a ToDo list app and in the HTML I’m trying to align two buttons with the <li> element. I created a class and nested it within the <li> element but instead it puts it in the bottom and not inside the <li>. I have this on myCodepen. I would appreciate any help. Thanks!

The div element is not a valid child of the ul element, you should nest the div and buttons inside the li.

Not sure how you want it to look but here is a quick example.

Yes! That’s exactly what I wanted. Thank you

No problem, now comes the fun part, coding a todo list. Happy coding.