html - html/css で三つ折りを作成

Question

html/css を使用して 3 つ折りの印刷物を作成しようとしていますが、希望どおりに印刷されたページを作成するのに時間がかかります。

@page  
{ 
  size: 8.5in 11in;
  margin: 0;
}

.trifold-segment {
  position: relative;
  overflow: visible;
  width: 2.66in;
  padding: 0.5in;
  text-align: center;
  float: left;
  border-right: thin dashed lightGray;
}

.trifold-segment:nth-child(3n+1) {
  border-right: none;
}

このコードを使用すると、各三つ折りセグメントは 3.66 インチになり、合計すると 11 インチ弱になり、8.5 インチ x 11 インチの紙にきれいに収まるはずです。代わりに、これらの寸法では 3 番目のセグメントがページに収まらないことがわかりました。何が間違っているのか、またはページ全体の使用を自分で定義するのを妨げる隠れたマージンがあるかどうかはわかりません。

役立つ可能性のある洞察やリソースへのリンクはありますか? ありがとう！