CSS override line-height on word wrap

Line-height is supposed to set the spacing between lines (particularly, when they wrap). What you’re probably looking for is margin on the li object. If you set the line-height to the smaller value that you want when the lines wrap and set the margin to the value that you want in between the items, you should be good to go.

See if this does what you want:

li {
    padding: 10px 0 0 0;
    margin: 30px 0;
    line-height: 10px;
}