Hide Without Creating Empty Row

I am trying to hide a list item by using the following code (for example)

1. Coffee
2. Milk

Solution 1:

Use "display:none" instead of "visibility:hidden"

EDIT: visibility: hidden makes an element invisible but while keeping it in the flow of the DOM, so it still occupies the same space it would if it weren't invisible, meanwhile display: none treats it as if that element isn't there to begin with