Hello all,

I hope you can help me out. I have made a text-based site. (http://www.newthinking.nl/) but I am not satisfied with the result. If you read the text of the pages, you have to go from the one end of the screen to the next. I want to shorten the length of the text to make it more readable. Say: from 0 - 100% to 20- 80%. Can this be done with css and how?

Thanks beforehand,

body {
padding:0 10%;
}

I want to apply this to all pages on my website. I have created an mystyle-file that applies to all pages.
It is like this:
.text {
position: absolute;
left: 270px;
top: 120px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 24px;
font-style: normal;
line-height: normal;
font-weight: bolder;
font-variant: normal;
text-transform: capitalize;

}
.image {
top: 15px;
position: absolute;

}
.line {
position: absolute;
top: 240px;
right: auto;
left: auto;
}

How can I apply the padding to all pages on my website?

add the body style definition into the style sheet.

You don't need to put font-style: normal or font-variant: normal, these are default values.

ty, chrishirst, it works.