Social media icons in widget

and you like to have the icons under each other?

First – you don’t need to have here list tags
if you take for example a span tag these icons are beside each other.
I added a class to adress all icons at once:

<span class="social_bookmark social_bookmarks_twitter av-social-link-twitter social_icon_2"><a target="_blank" href="https://twitter.com/DTB050" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Twitter"><span class="avia_hidden_link_text">Twitter</span></a></span>
<span class="social_bookmark social_bookmarks_instagram av-social-link-instagram social_icon_3"><a target="_blank" href="https://www.instagram.com/detekstenbakkerij/" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Instagram"><span class="avia_hidden_link_text">Instagram</span></a></span>
<span class="social_bookmark social_bookmarks_facebook av-social-link-facebook social_icon_1"><a target="_blank" href="https://www.facebook.com/DeTekstenbakkerij" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Facebook"><span class="avia_hidden_link_text">Facebook</span></a></span>

then do this to quick css:

#footer .social_bookmark a {
    width: 40px;
    height: 40px;
    font-size: 30px;
    padding: 5px;
    display: inline-block;
    text-align: center;
}

looks this way: https://webers-testseite.de/ostler/#footer