Text in circle

Developer
Tom Hermans
Size
2,027 Kb
Views
12,144
  1. Text in circle Previews
  2. Text in circle HTML Codes
  3. Text in circle CSS Codes

How do I make an text in circle?

Have some text in a circle. What is a text in circle? How do you make a text in circle? This script and codes were developed by Tom Hermans on 09 December 2022, Friday.

Text in circle Previews
IQ Test

Text in circle - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>text in circle</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="circle one-line outline"> !
</div>
<div class="circle one-line"> Some Text
</div>
<div class="circle multi-line"> Some Text<br> Some More
</div>
</body>
</html>

Text in circle - Script Codes CSS Codes

body { font-family: sans-serif;
}
.circle { display: block; margin: 1.25em auto; width: 200px; height: 200px; border-radius: 100%; background-color: #1e95d3; color: #fff; text-align: center; font-size: 32px; overflow: hidden;
}
.circle.one-line { line-height: 200px;
}
.circle.multi-line { padding-top: 60px; height: 140px;
}
.circle.outline { border: 2px solid red;
}
.circle { color: #fff;
}
Text in circle - Script Codes
Text in circle - Script Codes
Home Page Home
Developer Tom Hermans
Username tomhermans
Uploaded December 09, 2022
Rating 3
Size 2,027 Kb
Views 12,144
Do you need developer help for Text in circle?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Tom Hermans (tomhermans) Script Codes
Name
Taming data tables
Tryout
Top Drawer Navigation Menu Toggle push content down
Accessibility wai-aria test
Table Row Toggle
Imagemap pure css trial
CKEditor angular test
Sticky Navigation
CSS3 Shapes reference
Simple circle cutout css
Create amazing video scripts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!