Spacing for social media icons, How to add a space after a social media icon |
Spacing for social media icons, How to add a space after a social media icon |
cjk777 |
May 7 2019, 04:45 AM
Post
#1
|
Group: Members Posts: 3 Joined: 7-May 19 Member No.: 26,892 |
I have some code that displays an icon followed by the description (Linkedin, facebook etc), but the text is touching the icon with no spacing. How can a space be added between the icon and the text?
<li><a class="linkedin" title="" href="https://http://www.linkedin.com/company/chemeyes" target="_blank" rel="noopener noreferrer"><i class="fa fa-linkedin" aria-hidden="true"></i><span class="ftc-tooltip social-tooltip">Linkedin</span></a></li> <li></li> </ul> </div> </div> Thanks in advance! |
Christian J |
May 7 2019, 05:02 AM
Post
#2
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
The HTML above doesn't create any text or icons by itself, probably these are inserted with javascript and CSS.
You might add spacing to the HTML using CSS padding or margin, or maybe add a space character in the text, but it's hard to advice without seeing the complete code. Try using your browser's developer tools to view the complete code of the above snippet (after the icon and text has been added), and post it here. |
cjk777 |
May 7 2019, 05:19 AM
Post
#3
|
Group: Members Posts: 3 Joined: 7-May 19 Member No.: 26,892 |
The HTML above doesn't create any text or icons by itself, probably these are inserted with javascript and CSS. You might add spacing to the HTML using CSS padding or margin, or maybe add a space character in the text, but it's hard to advice without seeing the complete code. Try using your browser's developer tools to view the complete code of the above snippet (after the icon and text has been added), and post it here. Great, I'll try that, thanks! |
Lo-Fi Version | Time is now: 26th April 2024 - 09:06 AM |