I just noticed that the share (social) buttons on https://www.stackoverflowbusiness.com/blog are misaligned. The LinkedIn button is centered at the bottom instead of the top.
Please see the picture below:
Inline code in the button:
element.style {
display: inline-block;
line-height: 1;
vertical-align: bottom;
padding: 0px;
margin: 0px;
text-indent: 0px;
text-align: center;
}
Fix: vertical-align: top;
Environment:
- OS: Windows
- Browser: Chrome Version 74.0.3729.169 (Official Build) (64-bit)
- Browser 2: Chrome Version 77.0.3827.0 (Official Build) canary
.hs-blog-social-share-item-twitter iframe
), since it's also (less noticeably) out of line..hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {font-size:0}
. They all are iframe element so there will be no issue and this will avoid any miss vertical alignment