Getting the parent terms adds additional empty markup [closed]

Question

I am trying to get only top level terms from hierarchical taxonomy called "City". It works fine in a way, because it outputs extra elements...

        $cities = get_terms( 'city' , array(
                  'parent'     => 0,
                  'orderby'    => 'name',
                  'order'      => 'ASC',
                  'hide_empty' => true
                   ));
        foreach ($cities as $city) { ?>
        <li><a href="<?php echo get_term_link( $city, 'city' ); ?>" class="button radius"><?php echo $city->name; ?></a><li>
        <?php } ?>
       </ul>

Which retuns only 2 cities (and each of them has several child terms) The returned HTML looks like this:

    <li> ... correct data about term 1 </li>
    <li>

    </li>
    <li> ... correct data about term 2 </li>
    <li>

    </li>
    </ul>

Answer 1

check your closing

your missing the close. It should be

<li><a href=""></a></li>