Skip to content

Instantly share code, notes, and snippets.

@theptrk

theptrk/circle.html

Created August 10, 2016 01:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save theptrk/e79f504a52bab637309b860f08138d16 to your computer and use it in GitHub Desktop.
Save theptrk/e79f504a52bab637309b860f08138d16 to your computer and use it in GitHub Desktop.
Download ZIP
This is a circle in css
Raw
circle.html
<!DOCTYPE html>
<html>
<head>
<title>Circle</title>
<style type="text/css">
.circle-container {
width: 150px;
height: 150px;
line-height: 150px;
text-align: center;
border: 2px solid #1da1ff;
border-radius: 150px;
overflow: hidden;
}
.circle-container span {
display: inline-block;
vertical-align: middle;
line-height: normal;
font-size: 16pt;
font-family: Helvetica;
}
</style>
</head>
<body>
<div class='circle-container'>
<span>This is a circle</span>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment