# Need help changing the css

**URL:** <https://www.phphelp.com/t/need-help-changing-the-css/31484>\
**Category:** HTML & CSS\
**Created:** [April 4, 2020, 6:09pm UTC](https://www.phphelp.com/t/need-help-changing-the-css/31484 "2020-04-04T18:09:13Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![533578](https://www.phphelp.com/letter_avatar_proxy/v4/letter/5/8baadc/32.png) [@533578](https://www.phphelp.com/u/533578)\
**Post date:** [April 4, 2020, 6:09pm UTC](https://www.phphelp.com/t/need-help-changing-the-css/31484/1 "2020-04-04T18:09:13Z")

</div>

I have converted my pdf to html, and the css is 1cm too much to the right. Is there any option where I can do all the css 1cm to the left side. This is the css:

```
.ft0{font: 12px \'Verdana\';line-height: 14px;}
.ft1{font: bold 19px \'Verdana\';text-decoration: underline;line-height: 23px;}
.ft2{font: 1px \'Verdana\';line-height: 1px;}
.ft3{font: bold 12px \'Verdana\';line-height: 14px;}

.p0{text-align: right;padding-right: 97px;margin-top: 0px;margin-bottom: 0px;}
.p1{text-align: left;padding-left: 94px;margin-top: 59px;margin-bottom: 0px;}
.p2{text-align: left;padding-left: 94px;margin-top: 29px;margin-bottom: 0px;}
.p3{text-align: left;padding-left: 94px;margin-top: 0px;margin-bottom: 0px;}
.p4{text-align: left;padding-left: 94px;margin-top: 1px;margin-bottom: 0px;}
.p5{text-align: left;padding-left: 7px;margin-top: 0px;margin-bottom: 0px;white-space: nowrap;}
.p6{text-align: left;margin-top: 0px;margin-bottom: 0px;white-space: nowrap;}
.p7{text-align: left;padding-left: 519px;margin-top: 160px;margin-bottom: 0px;}
.p8{text-align: left;padding-left: 519px;margin-top: 1px;margin-bottom: 0px;}
.p9{text-align: left;padding-left: 4px;margin-top: 0px;margin-bottom: 0px;white-space: nowrap;}
.p10{text-align: left;padding-left: 6px;margin-top: 0px;margin-bottom: 0px;white-space: nowrap;}
.p11{text-align: left;padding-left: 117px;margin-top: 14px;margin-bottom: 0px;}
.p12{text-align: left;padding-left: 294px;margin-top: 0px;margin-bottom: 0px;}

.td0{border-top: #000000 1px solid;padding: 0px;margin: 0px;width: 223px;vertical-align: bottom;}
.td1{border-top: #000000 1px solid;padding: 0px;margin: 0px;width: 299px;vertical-align: bottom;}
.td2{border-top: #000000 1px solid;padding: 0px;margin: 0px;width: 98px;vertical-align: bottom;}
.td3{padding: 0px;margin: 0px;width: 223px;vertical-align: bottom;}
.td4{padding: 0px;margin: 0px;width: 299px;vertical-align: bottom;}
.td5{padding: 0px;margin: 0px;width: 98px;vertical-align: bottom;}
.td6{border-bottom: #000000 1px solid;padding: 0px;margin: 0px;width: 223px;vertical-align: bottom;}
.td7{border-bottom: #000000 1px solid;padding: 0px;margin: 0px;width: 299px;vertical-align: bottom;}
.td8{border-bottom: #000000 1px solid;padding: 0px;margin: 0px;width: 98px;vertical-align: bottom;}
.td9{border-left: #000000 1px solid;border-top: #000000 1px solid;padding: 0px;margin: 0px;width: 2px;vertical-align: bottom;}
.td10{border-right: #000000 1px solid;border-top: #000000 1px solid;padding: 0px;margin: 0px;width: 204px;vertical-align: bottom;}
.td11{border-right: #000000 1px solid;border-top: #000000 1px solid;padding: 0px;margin: 0px;width: 206px;vertical-align: bottom;}
.td12{border-right: #000000 1px solid;border-top: #000000 1px solid;padding: 0px;margin: 0px;width: 205px;vertical-align: bottom;}
.td13{padding: 0px;margin: 0px;width: 7px;vertical-align: bottom;}
.td14{border-left: #000000 1px solid;border-right: #000000 1px solid;padding: 0px;margin: 0px;width: 206px;vertical-align: bottom;}
.td15{border-right: #000000 1px solid;padding: 0px;margin: 0px;width: 206px;vertical-align: bottom;}
.td16{border-right: #000000 1px solid;padding: 0px;margin: 0px;width: 205px;vertical-align: bottom;}
.td17{border-left: #000000 1px solid;border-bottom: #000000 1px solid;padding: 0px;margin: 0px;width: 2px;vertical-align: bottom;}
.td18{border-right: #000000 1px solid;border-bottom: #000000 1px solid;padding: 0px;margin: 0px;width: 204px;vertical-align: bottom;}
.td19{border-right: #000000 1px solid;border-bottom: #000000 1px solid;padding: 0px;margin: 0px;width: 206px;vertical-align: bottom;}
.td20{border-right: #000000 1px solid;border-bottom: #000000 1px solid;padding: 0px;margin: 0px;width: 205px;vertical-align: bottom;}
.td21{padding: 0px;margin: 0px;width: 3px;vertical-align: bottom;}
.td22{border-bottom: #000000 1px solid;padding: 0px;margin: 0px;width: 205px;vertical-align: bottom;}
.td23{border-bottom: #000000 1px solid;padding: 0px;margin: 0px;width: 207px;vertical-align: bottom;}
.td24{border-bottom: #000000 1px solid;padding: 0px;margin: 0px;width: 206px;vertical-align: bottom;}
.td25{border-bottom: #000000 1px solid;padding: 0px;margin: 0px;width: 7px;vertical-align: bottom;}

.tr0{height: 15px;}
.tr1{height: 14px;}
.tr2{height: 34px;}
.tr3{height: 35px;}
.tr4{height: 29px;}
.tr5{height: 28px;}

.t0{width: 620px;margin-left: 87px;margin-top: 58px;font: 12px \'Verdana\';}
.t1{width: 628px;margin-left: 87px;margin-top: 70px;font: 12px \'Verdana\';}

</STYLE>
```

---

<div class="post-metadata">

**Author:** ![ErnieAlex](https://www.phphelp.com/letter_avatar_proxy/v4/letter/e/bc8723/32.png) [@ErnieAlex](https://www.phphelp.com/u/ErnieAlex)\
**Post date:** [April 5, 2020, 3:30pm UTC](https://www.phphelp.com/t/need-help-changing-the-css/31484/2 "2020-04-05T15:30:18Z")

</div>

Well, this is a little confusing to explain. The “canned” comment for how many pixels are in one cm goes like this:  
Point. 1/72 of an inch (so 1pc is equal to 0.014in , or 1.333 **px** ). Centimeter. One centimeter, assuming display **pixel** density is 96dpi (so **1cm** is equal to 37.795 **px** ).

So, this depends if your computer you are using is set to 96dpi or not. And, of course PC / DPI / PX / CM are all display options that are all calculated in different ways. In your posted CSS code, you show different font sizes and various line-height, too. All of these combined to create a display can be extremely complicated to adjust. Also, every browser and monitor can vary these settings, too.

Now, with all that said, one “cm” is 1/100th of a meter. which has nothing to do with monitor sizes. It is often used for setting pages up for printing. At least from my experience. Your code is all based in pixels (PX), so you would need to subtract 37 or 38 from each to move everything over 1cm. Manually since each number is different. BUT, you could place the entire page into another DIV and and set the margin-left to -38px . You can use minus amounts in CSS and that would make the entire process much simpler.  
Just something like this:  
\< div style=‘margin-left: -37px;’ \>  
Rest of entire page…  
\< /div \>  
simple enough…

---

<div class="post-metadata">

**Author:** ![533578](https://www.phphelp.com/letter_avatar_proxy/v4/letter/5/8baadc/32.png) [@533578](https://www.phphelp.com/u/533578)\
**Post date:** [April 6, 2020, 11:58am UTC](https://www.phphelp.com/t/need-help-changing-the-css/31484/3 "2020-04-06T11:58:41Z")

</div>

Thankyou very much !
