Skip to content

Instantly share code, notes, and snippets.

@luiswolff

luiswolff/index.html

Created May 22, 2018 19:51
Show Gist options
  • Save luiswolff/034a42c98e78a9b2afeb52863b866e4c to your computer and use it in GitHub Desktop.
Save luiswolff/034a42c98e78a9b2afeb52863b866e4c to your computer and use it in GitHub Desktop.
Download ZIP
Create an icon with HTML and CSS
Raw
index.html
<html>
<head>
<title>Test CSS</title>
<link rel="stylesheet" href="style.css" >
</head>
<body>
<p>Test<span class="icon">!</span>
</body>
</html>
Raw
style.css
.icon {
background-color: blue;
padding: 0 6px;
border-width: 2px;
border-color: beige;
border-style: solid;
font-weight: bolder;
color: beige;
border-radius: 100px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment