Dropcap

Developer
Anthony Raffini
Size
1,648 Kb
Views
32,384
  1. Dropcap Previews
  2. Dropcap HTML Codes
  3. Dropcap CSS Codes

How do I make an dropcap?

What is a dropcap? How do you make a dropcap? This script and codes were developed by Anthony Raffini on 12 September 2022, Monday.

Dropcap Previews
IQ Test

Dropcap - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Dropcap</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <article> <p><span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum, esse magni laudantium harum ipsam! Hic excepturi sapiente inventore veritatis in rem quidem, ullam enim nihil. Ratione rerum harum, architecto commodi.</p>
</article>
</body>
</html>

Dropcap - Script Codes CSS Codes

.dropcap { color: red; background: black; font-size: 8em; font-family: serif; float: left; line-height: 70px; padding: 20px; margin: 0 10px 10px 0;
}
article { width: 300px;
}
Dropcap - Script Codes
Dropcap - Script Codes
Home Page Home
Developer Anthony Raffini
Username rottingroom
Uploaded September 12, 2022
Rating 3
Size 1,648 Kb
Views 32,384
Do you need developer help for Dropcap?

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!

Anthony Raffini (rottingroom) Script Codes
Name
Box Model Properties
Parent and Child positioning
Anthony Raffini
JS Basics
Resume
Position Static
A Pen by Anthony Raffini
Blog
Main Navigation
Fluid Layout
Create amazing captions 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!