Hello friends, In my Dreamtrap website we find how to make free blogger website, Blogger widget, SEO, Responsive Template etc. We also learn How to earn money on blogger by making various types of website.
Hi, Guys You can also see here lot of law study material like family Law, jurisprudence, law of torts, environment law, administrative Law, law of crime, law of property, company law, law of crime, white collar crime, BSA, Code of civil procedure, gender justice, BNSS, Land law, BNS, LLB
- Home
- Profile
- Contact
- Free Template
-
Settings
- Dark mode
How to Add a Horizontal Line in Your Blogger or Wordpress Website | Make a Blogger Look attractive by making horizontal line
How to Add a Horizontal Line in Your Blogger or Wordpress Website:- Hello Friends, welcome to our blog, Today we learn How you can add a Horizontal Line in Your Blogger website. You can find the benefits or Advantages of Horizontal Line below the post. By putting this horizontal line code you website look more attractive or beautiful.
How to Add a Horizontal Line in Your Blogger or Wordpress Website Benefits or Advantages:-
1. If you are a blogger then this article is for you.
2. In this article we learn how you can add a horizontal line in your blogger post easily by putting below code. You also find different type of horizontal line.
3. This horizontal line make your website more attractive.
4. You can also use this horizontal line to separate two sentences.
5. Below are all codes of horizontal line.
Note: Credit goes to--www.cjflare.blogspot.com
1.
Visual result:-
Visual result:-
Code:- <hr>
2.
Visual result:-
Code:- <div style="border-top: 2px dashed #DB1200; margin-top: 1em; padding-top: 1em;"> </div>
3.
Visual result:-
3.
Visual result:-
Code:- </div>
<div style="border-top: 2px dashed #A52A2A; margin-top: 1em; padding-top: 1em; width: 400px;">
4.
Visual result:-
<div style="border-top: 2px dashed #A52A2A; margin-top: 1em; padding-top: 1em; width: 400px;">
4.
Visual result:-
Code:- <div align="center">
<div style="border-top: 2px dashed #38761D; margin-top: 1em; padding-top: 1em; width: 400px"> </div>
</div>
5.
Visual result
Code:- <div align="center">
<div style="border-top: 2px dashed #C27BA0; margin-top: 1em; padding-top: 1em; width: 400px"> </div>
</div>
Watch YouTube video for full details:-

Post a Comment
Post a Comment
Please Do Not Enter Any Spam Link In the Comment Box