[html] How to move text up using CSS when nothing is working

I want to move the text displayed at the bottom of the page slightly upwards and have tried almost everything i know and google but can't shift the text upwards to display the remaining clipped text.

Attached is a ScreenShot of the same Please suggest that what can be done to accomplish this task

Your footer container is constricting the width of the inner element with an explicit width on itself, which sees the text clipped at the end and wrapped onto a new line, so change that:

div#fv2-footer-container {
  width: 1090px;
  ...

you can try

position: relative;
bottom: 20px;

but I don't see a problem on my browser (Google Chrome)

footerText {
    line-height: 20px;
}

you don't need to start playing with position or even layout of other elements... use this simple solution

try a negative margin.

margin-top: -10px; /* as an example */