Question

I want to put a line beside my text Like THIS

—– Hello WOrld —–

the line should be continued and BOLD and align side middle wise And RED

Answer 1

Have you tried :before and :after selectors?

<span class="dashes">Hello WOrld</span>

<style type="text/css">
 .dashes { font-weight: bold; }
 .dashes:before, .dashes:after { content:"----"; color:#f00; }
</style>

This is how it comes out: image sample

UPDATE

Based on your updates and comments, I think this fits your description:

<h4 class="sidelines"><span>Hello WOrld</span></h4>
<style type="text/css">
h4.sidelines { text-align: center; border-bottom: 1px solid #f00; height: 0.5em; }
h4.sidelines span { display: inline-block; background: #fff; padding:0 0.25em; }
</style>

This will give you a centered, bolded title with continuous lines on each side.

Here’s an example of the update: http://o7.no/PVXvaH