button , DIV display:flex,grid (layout.html)
button , DIV display:flex,grid (layout.html)
両端
親 div style="display:flex ;justify-content:space-between,flex-end等で 子divの配置。 注意：float;right だと、clear;bothが必要で面倒。
button , input(1行) ,textarea の 上下配置 各要素で指定 vertical-align:top;/middle;/bottom;(div直接指定は不可)
　BOX内の文字の配置は、常に中央、 文字が大きすぎるとはみ出る。
　input type=buttonありは、灰色で文字中央のボタン形。border:0px;で枠なし。
　inline要素(button,input)の右配置は不可。(divに入れれば、text-align:right で可。)
span下配置

textarea上配置
左右の配置は、div で text-align:right;
div内の文字や画像の位置
・div style="text-align:right;" /center,left ----- 左右の配置 (または align="right" 古い)
right
・display:table-cell;vertical-align:top;/middle,bottom 使用。---- 上下の位置(display:table-cell; 必要)
right & bottom
1行内で、横space(空白)の入れ方
・行内 横spaceinput style='width:100px;height:10px;border:0px;' (type="button"なし) を使った space。
縦半改行の表し方
　　div style="width:100px;height:10px;border:1px solid red;
子DIVの配置 : 親div display:flex,grid,inline-block　(position:absolute; や floatなし。)
親div BLOCK(contena) style="display:flex;" 内に入れて、子 div３個(青赤緑)を横並び配置。
子div table罫線 の左右配置は、 justify-content: flex-end や center やspace-between;等がある。align="center" は古い。(css.2)
あflex-end
table (細線) border="1" style="border-collapse:collapse;"
○○○ 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

○○○○○○○○

○○○○

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

う
１個の子div BOX 青の右配置 --- 親div style="display:flex ;justify-content:flex-end;" 右配置。 /div align="right" 古い
--- １個の子div内の文字左右配置は、text-align:で OK。
flex-end
div width:200px
text-align:で左右配置
文字div30度回転　　---- style="transform: translate(100px, -200px) rotate(-30deg);" --- 注意 translate(100pxで幅増える事あり
文字div45度回転