How to vertically align buttons in javascript generated list

1

Code: Fiddle

I created a to do list and every time i create a new list item i also create the trash and check buttons nested in it. These buttons appear randomly on the line and it depends on the size of the text. What i want is for the buttons to be aligned vertically in such a way that the size of the text does not matter, the buttons will appear in a line and in the same spot on the line. How can i achieve this?

2

Hi @jgmatias ,
Welcome to the freeCodeCamp forum!

I saw that you already have justify-content: space-between; on the li. For that to be active you also have to add display: flex; on the li. You can then tweak the spacing to the effect you want to achieve. Maybe add a wrapper element around the buttons, so that they get pushed away from the text together … or work with justify-self: end; …