Image Icon With Text In Html. This element places an image in a document. Font awesome 5 icons.
Slideshow slideshow gallery modal images lightbox responsive image grid image grid tab gallery image overlay fade image overlay slide image overlay zoom image overlay title image overlay icon image effects black and white image image text image text blocks transparent image text full page image form on image hero image blur background image change bg on scroll side by side images rounded. To enable your image and text to display properly together you will need to add an align attribute to your image html code. Read more about how to get started with font awesome in our font awesome 5 chapter.
Slideshow slideshow gallery modal images lightbox responsive image grid image grid tab gallery image overlay fade image overlay slide image overlay zoom image overlay title image overlay icon image effects black and white image image text image text blocks transparent image text full page image form on image hero image blur background image change bg on scroll side by side images rounded.
For example as in the case below we can hide a text using the icon and even then it will be readable by screen readers. Following is an example image displaying on the left with the text wrapping around the image to the right. In 90 of the time the icon is accompanied by a description the example was very well built for then i also agree with the direct element to the html. Read more about how to get started with font awesome in our font awesome 5 chapter.