Popular Blockquote Styling CSS

Add Tool

Blockquote Styling CSS


Blockquote Styling CSS

Not everybody needs to use blockquotes inside their website. But I feel these are an excellent HTML element for separating quoted or repeated content within blogs or webpages. This basic chunk of CSS offers a default style for your blockquotes so they don’t appear as drab and bland.

Blockquote Css Properties Codes

blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: .5em 10px;
	quotes: "201C""201D""2018""2019";
}

blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: .1em;
	margin-right: .25em;
	vertical-align: -.4em;
}

blockquote p { display: inline; }

Source


Tags: blockquote, bootstrap blockquote, html blockquote, blockquote html, blockquote css, block quote html, blockquotes
Payza

About Masum Billah

Blockquote Styling CSS 1stWebSuite website seo tool is a free website ranking tool site provides a lot of on page and off page seo useful tools for you. On this site, we have a large number of website ranking tools


SIGN UP TO GET UPDATE TO YOUR INBOX




Discuss about: Popular Blockquote Styling CSS


adf.ly