body style="width:1000px; margin:10px;" 　　　　/ 親 div style="width:1000px;background-color:yellow;"
DIV内の要素の配置位置 text-align　 (layout.html) 　
div style="text-align:right;" / (left),center,right ----- inline要素の(左),中央,右配置 (注：div要素は効かない。また align="right" は古い)
DIV内 --- text-align:right 右端
DIV 800px内 --- text-align:center 中央
DIV内の複数divの配置位置　yellow DIV style="display:flex;......;" 使用
複数divの並列配置(左)　yellow DIV style="display:flex ;"。注意：float;right だと、clear;bothが必要で面倒。
子DIV-1
　
子DIV-2
　yellow div内での 複数div-1,2の並列配置(左)
複数divの中央配置　yellow DIV style="display:flex;justify-content:center;" で。　
子DIV1
子DIV2
複数divの中央配置
複数divの右配置 yellow DIV style="display:flex ;justify-content:flex-end;" で 右配置。 ------------- 注意：１個の子divの右配置も同じ。　　　
右配置　
子DIV1
　
子DIV2
複数divの均等割(両端)　yellow DIV style="display:flex;justify-content:space-between;" で (3個目は中央で均等割)。　
子DIV1
(3個目は中央で均等割)
子DIV2
div内の上下の位置　 (display:table-cell;vertical-align:top; / middle,bottom 使用)
bottom
div内の複数button の配置位置　yellow div style="text-align:right ;"。/ (left), center , right
inline要素 (input,text等)
子DIV pinkはinline要素でないため左表示
　
button , input(1行) ,textarea の 上下配置
各要素で指定 vertical-align:top;/middle;/bottom;(div直接指定は不可)
　BOX内の文字の配置は、常に中央、 文字が大きすぎるとはみ出る。注意：input type="button"なし文字左配置
　input type=buttonありは、灰色で文字中央のボタン形。border:0px;で枠なし。
　inline要素(button,input)の右配置は不可。(divに入れれば、text-align:right で可。)
span下配置

textarea上配置
左右の配置は、div で text-align:right;
1行内で、横space(空白)の入れ方 --- width指定
・行内 横spaceinput style='width:100px;height:10px;border:0px;' (type="button"なし) を使った space。
縦半改行の表し方 --- height指定
　　div style="width:100px;height:10px;border:1px solid red;
Tableの並列配置 --- 親div display:flex,使用
先頭文字あ
table (細線) border="1" style="border-collapse:collapse;border-color:black;" ......border:1px solid black;は外縁のみでだめ。
○○○ line-height:28px;
line-height:28px;
align="center"		 （align="right"） ○○
縦書き valign="bottom"--- OK （align="center"）

 ○○
style=-writing-mode:vertical-rl;writing-mode:tb-rl;縦書
い
table(太線) border='1' cellspacing='0
bordercolor='blue'
横のセルの連結 　TD colSpan=2
○○○○

縦のセルの連結
TD rowSpan=2

○○○○○○○○

○○○○

○○○○○○○○
○○○○

う
文字div30度回転　　---- style="transform: translate(100px, -200px) rotate(-30deg);" --- 注意 translate(100pxで幅増える事あり
文字div45度回転