How to Add Dotted Line Under Post Title of Blogger / Blogs

Create Dotted Line in Blog Post

I was just playing around and decided I wanted a dotted line underneath my post title. I'm always changing things up. I like to, and besides, where would I get ideas to give you?

So here's what you do: Customization>Advanced>CSS

In the CSS box, here's what I put for the dotted line you see under my post title. You can change the pixel size and color. (Don't you just love that handy-dandy little CSS box???)

post-title

{
border-bottom:3px dotted #666666;
}

Save.

That's it!

Well, not quite. I tried to do the same thing on my Cozy Little House blog. I wanted to add a dashed red border underneath the post title. It wouldn't work in CSS. 

So, I went into html and found this:

h3.post-title, .comments h4 {

font: $(post.title.font);

margin: .75em 0 0;

text-align: center;

And I added the line below to the bottom of what is highlighted in yellow. And it worked! Remember to close the bracket, which is below it.

border-bottom:2px dashed #CE0000;

}