Quantcast
Channel: Active questions tagged html - Stack Overflow
Viewing all articles
Browse latest Browse all 72416

Displaying Font Awesome icon above button text

$
0
0

I need a button to look like the button in the image:

When I add the fontawesome icon to the button it shows, but I'd like it to display on top of the text if that's possible?

.button-examples {
  background-color: #0C3E7e;
  margin-top: 50px;
  height: 130px;
  border-radius: 15px 15px 15px 15px;
  margin-left: 10px;
  font-weight: 600;
}
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/><button class="button-examples"><i class="fa fa-users" aria-hidden="true"></i>
    See client examples</button>

Button


Viewing all articles
Browse latest Browse all 72416

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>