Display horizontal social network icons as a widget on a Divi WordPress site using the HTML widget.

index

<ul class="et-social-icons">
	<li class="et-social-icon et-social-facebook">
		<a href="" class="icon">
			<span>Facebook</span>
		</a>
	</li>
	<li class="et-social-icon et-social-twitter">
		<a href="" class="icon">
			<span>Twitter</span>
		</a>
	</li>
	<li class="et-social-icon et-social-youtube">
		<a href="" class="icon">
			<span>YouTube</span>
		</a>
	</li>
	<li class="et-social-icon et-social-instagram">
		<a href="" class="icon">
			<span>Instagram</span>
		</a>
	</li>
</ul>

styles

/* Remove bullets from li tag on footer */
.et-social-icons li:before {
  display:none;
}

#footer-widgets .et-social-icons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

#footer-widgets .et-social-icons li {
    padding: 0;
    margin: 10px 10px;
}