Hello friends, In my Dreamtrap website we find how to make free blogger website, Blogger widget, SEO, Responsive Template, CSS, HTML, Javascript or more. We also learn How to earn money on blogger or how to make social media downloader website like facebook, instagram or youtube. we learn all blogger setting like how to rank blogger in google, set dropdown menu button, download button, convert into profession look, technology related post or more.
- 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