Using font awesome in codepen

It’s working, you just are using the wrong font-awesome class.

Line 19 should be <span class="fa fa-search"></span>.

See this updated CodePen

Note: You can also add CDNs in the CodePen settings so you don’t have to include it inline in your html.

Related Posts:

  1. Add a link to an image in a css style sheet
  2. Why is my Bootstrap code not working?
  3. What’s the difference between SCSS and Sass?
  4. How am I supposed to use index.html?
  5. Column order manipulation using col-lg-push and col-lg-pull in Twitter Bootstrap 3
  6. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  7. Adding border to SVG image
  8. What does !important mean in CSS?
  9. Set line spacing
  10. Remove blue underline from link
  11. CSS Background Opacity [duplicate]
  12. Outline effect to text
  13. Customize Bootstrap checkboxes
  14. Making a
  15. React.js inline style best practices [closed]
  16. What is a user agent stylesheet?
  17. What is a user agent stylesheet?
  18. Is there a CSS parent selector?
  19. CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
  20. Vertically align text within a div
  21. How to align a
  22. Animate the overflow property
  23. Is there a color code for transparent in HTML?
  24. multiple classes on single element html
  25. CSS opacity only to background color, not the text on it?
  26. How do I center floated elements?
  27. create a white rgba / CSS3
  28. Using CSS for a fade-in effect on page load
  29. Gradient borders
  30. Superscript in CSS only?
  31. What is WebKit and how is it related to CSS?
  32. What’s the difference between display:inline-flex and display:flex?
  33. Making an iframe responsive
  34. How can I invert color using CSS?
  35. How to insert spaces/tabs in text using HTML/CSS
  36. font-family is inherit. How to find out the font-family in chrome developer pane?
  37. How to get these two divs side-by-side?
  38. How can I vertically center a “div” element for all browsers using CSS?
  39. What does auto do in margin: 0 auto?
  40. Does bootstrap have builtin padding and margin classes?
  41. How to change the color of an svg element?
  42. Changing spacing between paragraphs and inside of paragraphs
  43. Is there a color code for transparent in HTML?
  44. How to vertically align an image inside a div
  45. How can I center an absolutely positioned element in a div?
  46. Nesting CSS classes
  47. Applying Comic Sans Ms font style
  48. How to set up fixed width for ?
  49. “Stray start tag footer” in html validator?
  50. How to change btn color in Bootstrap
  51. Make div scrollable
  52. Failed to decode downloaded font, OTS parsing error: invalid version tag + rails 4
  53. Chrome give error **Failed to load resource: net::ERR_NAME_NOT_RESOLVED** while other browser load images
  54. What is the difference between the selectors “.class.class” and “.class .class”?
  55. CSS: Creating textured backgrounds
  56. Insert image after each list item
  57. How to make the HTML link activated by clicking on the
  58. ?
  59. How to change text transparency in HTML/CSS?
  60. How do I hide the bullets on my list for the sidebar?
  61. limitations of using @Html.EditorForModel
  62. Transition of background-color
  63. How to implement max-font-size?
  64. How to float 3 divs side by side using CSS?
  65. How to override the properties of a CSS class using another CSS class
  66. HTML Width Percentage
  67. Circle button css
  68. force footer on bottom on pages with little content
  69. draw diagonal lines in div background with CSS
  70. How to add a color overlay to a background image?
  71. Change color of PNG image via CSS?
  72. Can you use if/else conditions in CSS?
  73. css transition opacity fade background
  74. Better way to set distance between flexbox items
  75. Text-decoration: none not working
  76. How to set up fixed width for ?
  77. How do I center an h1 in the body
  78. CSS3 Transition not working
  79. In CSS what is the difference between “.” and “#” when declaring a set of styles? [duplicate]
  80. How do I rotate text in css?
  81. CSS Invalid Property Value?
  82. right align an image using CSS HTML
  83. How can I transition height: 0; to height: auto; using CSS?
  84. css to make bootstrap navbar transparent
  85. how to offset a CSS border up and left
  86. @Media min-width & max-width
  87. CSS display: inline vs inline-block
  88. css: how to center box div element directly in center?
  89. How do I center this form in css?
  90. How to apply a CSS filter to a background image
  91. Aligning two divs side-by-side
  92. Play multiple CSS animations at the same time
  93. Dynamically change color to lighter or darker by percentage CSS
  94. How can I replace text with CSS?
  95. CSS text-align: center; is not centering things
  96. Why are my CSS3 media queries not working on mobile devices?
  97. Transitions on the CSS display property
  98. CSS transition shorthand with multiple properties?
  99. Bootstrap 4, How do I center-align a button?
  100. CSS3 Transition – Fade out effect
  101. How do I horizontally center a span element inside a div

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)