Output :
adding text using css
Note* : but this output in webpage cannot select the text coming from css
code goes here :
step 1 : copy and paste below code in notepad and save as example.html
step 2 : open it in browser.
<!DOCTYPE>
<html>
<head>
<title>adding text using css</title>
<style>
.OwnerJoe:before {
content: "\000022 this content is before : \000022";
font-size:14px;
padding-right:15px;
color:#F97C18;
}
.OwnerJoe:after {
content: "\000022 : this content is after \000022 ";
font-size:24px;
padding-left:15px;
color:#8CB6C4;
}
</style>
</head>
<body>
<div class="OwnerJoe">adding text using css</div>
</body>
</html>
adding text using css
Note* : but this output in webpage cannot select the text coming from css
code goes here :
step 1 : copy and paste below code in notepad and save as example.html
step 2 : open it in browser.
<!DOCTYPE>
<html>
<head>
<title>adding text using css</title>
<style>
.OwnerJoe:before {
content: "\000022 this content is before : \000022";
font-size:14px;
padding-right:15px;
color:#F97C18;
}
.OwnerJoe:after {
content: "\000022 : this content is after \000022 ";
font-size:24px;
padding-left:15px;
color:#8CB6C4;
}
</style>
</head>
<body>
<div class="OwnerJoe">adding text using css</div>
</body>
</html>
No comments:
Post a Comment
Do you think it could be useful for you? Share your thoughts with us!