center a border-right

hi. looking at this site

http://www.iletpropertymanagement.com/dev/j3/wk/

you'll notice that i've put a module class suffix on the left and middle modules in the bottom1 position and applied the following css

.gkBottom1border {
border-right: 1px solid #E7E7E7;
}

my question is how do i get this border-right to appear in the middle of the text either side of it as they are currently a little right sided.

Either that or would I be better to just put the class on the middle module and give that a left and right border? I would still have the question above though as each border wouldn't appear in the centre?

I hope that makes sense.

Thanks for your help.

Hi

If you are referring like the screenshot, use the following css instead:

screen1.jpg

Code: Select all

.gkBottom1border .content {
   border-right: 1px solid #E7E7E7;
        padding-right: 10px
}


Cheers

Thanks that's great.

Is there an easy way though to get the border longer so it is justified with the top of the title?

Thanks.

Hi

Sure.
Use instead:

Code: Select all

.gkBottom1border{
   border-right: 1px solid #E7E7E7;
   padding-right: 15px
}


Cheers