Blockequote Cite line with text

Developer
Brad Bodine
Size
2,551 Kb
Views
46,552
  1. Blockequote Cite line with text Previews
  2. Blockequote Cite line with text HTML Codes
  3. Blockequote Cite line with text CSS Codes

How do I make an blockequote cite line with text?

Trying to figure out how to get the text to not have the line through it while still being responsive.. What is a blockequote cite line with text? How do you make a blockequote cite line with text? This script and codes were developed by Brad Bodine on 11 August 2022, Thursday.

Blockequote Cite line with text Previews
IQ Test

Blockequote Cite line with text - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Blockequote Cite line with text</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="box"> <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe commodi aliquid placeat dolor esse et porro enim natus atque tenetur eligendi voluptates. Nesciunt molestias sit quo commodi porro facilis ea.<cite>Your Really really long Name</cite></p></blockquote>
</div>
</body>
</html>

Blockequote Cite line with text - Script Codes CSS Codes

blockquote { position: relative; padding: 20px; border-top: 1px solid #1f1f1f; overflow: hidden; /* Hide extra line */ padding-bottom: 40px; /* Give the blockquote some more space. */
}
blockquote cite { position: absolute; bottom: 0px; /* to keep it in the blockquote */ right: 0; text-align: right; /* Width is removed */ display: inline-block; /* Keep the width to the size of text */
}
blockquote cite:before { width: 1000px; content: ''; position: absolute; right: 100%; /* keep it out of the box */ bottom: 9px; margin-right: 8px; /* I want some space for my name! */ border-bottom: 1px solid #1f1f1f;
}
body { background: #417495; color: #1e1e1e; font-family: arial;
}
.box { background: #f8f8f8; width: 50%; margin: 20px auto; padding: 20px; border-radius: 5px; box-shadow: inset 0 0 12px #999;
}
Blockequote Cite line with text - Script Codes
Blockequote Cite line with text - Script Codes
Home Page Home
Developer Brad Bodine
Username bbodine1
Uploaded August 11, 2022
Rating 3
Size 2,551 Kb
Views 46,552
Do you need developer help for Blockequote Cite line with text?

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!

Brad Bodine (bbodine1) Script Codes
Name
Simple JSON
Tile Slanted Corner
CSS Flip Animation
Flat UI Login Form
CSS3 Checkbox Styles
CSS3 Monochrome Icon Set Linkable
Login form using HTML5 and CSS3
CSS3 Checkbox Slider
Modular Flip Card
Simple slanted corner
Create amazing sales emails 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!