After incorporating this code and inputting my accurate details, I successfully managed to align my social media icons horizontally on my website. However, I noticed the presence of faint black lines under each icon that do not seem to be part of their original design. Does anyone have any suggestions on how to address this issue? Thank you!
<div id="social_icons">
<a href="http://example.com"><img src="http://example.com/yourimage1.jpg"></a>
<a href="http://example.com"><img src="http://example.com/yourimage2.jpg"></a>
</div>
<style>
#social_icons img, a { display: inline-block; }
</style>