CSS、CSS3で、table要素を使わず表組風レイアウトHTML4.01、XHTML1.1が全盛の時代に、table要素をレイアウト用に使うのは非推奨とされてきました(レイアウト用に使ってもSEO的な問題はあまりなかったようですが)。ちなみに、HTML5では表組としてのtable要素は残るものの、HTML4.01時代のcellpadding属性、cellspacing属性、border属性、frame属性、width属性、rules属性が廃止されて、summary属性のみが残るようです。既成のhtmlに今回のサンプルのような表組のようで表組でないものを追加する際、tabl要素は簡単便利だったのですが、他の要素を模索するしかありません。そこでtable要素の代替えです。HTML5ではiframe以外のframe要素も廃止になったので、左右のサイドにメニューを表示してメインコンテンツを切り替える、といった使い方にframe要素は使えません。今回のサンプルはその代替えとしても利用できるかもしれません。(1)は親要素(div)に「display:flexbox」を使い、widthを%で左右に分けた子要素2つ入れています。(2)と(3)は親要素(div)に「display:table」を使い、widthを%で分けた子要素に「display:table-cell」を指定しています。table要素と同じような動きをするので、「border-collapse:collapse;」も有効です。(1)は「border-collapse:collapse;」が効かず、隣り合った部分のborderが二重になるため、子要素どちらかの隣り合った部分のborderを消しています。ポイントカードを発行し、商品の購入者に対し、次回以降の買い物の際に支払いの一部に充当できるポイントを提供する場合は、景品ではなく値引。取引通念上妥当と認められる基準に従い、取引の相手方に対し、支払うべき対価を減額すること又は割り戻すことは、値引と認められる経済上の利益に該当し、景品表示法上の景品類には該当しません。(例:取引の相手方に金銭又は招待旅行のいずれかを選択させる場合)[ダミーテキスト]は値引とは認められず景品類に該当することとなり,景品規制が適用されます。