My current CSS code is set up to display images using CSS image sprites as background images. The images are displayed based on the file extension, however, the href/link text is not appearing in line and is splitting into two lines.
a[href$='.pdf'] {
padding-left: 68px;
background: transparent url(/images/icons.png) no-repeat;
display: inline-block; /* Ensure icon is displayed inline block */
width: 44px; /* Specify icon width */
height: 48px; /* Set icon height */
background-position: 0 -100px; /* Position of the icon within the sprite */
}I would greatly appreciate any assistance with this issue. Thank you!