Flex container and Grids

Original tables first, then rebuilt through Grids and adding some elements in Flex container ...

Table Header (th)
TOP LINE RIGHT COL
LEFT COL Title
Items Item 1   Value 1
Item 2   Value 2
Item 3   Value 3
BOTTOM LINE
Table Foot
Second table
(caption at bottom)
Table Head
(in 'thead'section)
Number Item description Value
Footer
(in 'tfoot'section)
1 Item 1 1123
2 Item 2 2123
3 Item 3 3123
4 Item 4 4123
5 Item 5 5123
6 Item 6 6123
Grid Table Header (div)
TOP LINE
RIGHT COL
LEFT COL
Title
Items
Item 1  
Value 1
Item 2  
Value 2
Item 3  
Value 3
BOTTOM LINE
Table Foot
Table Head
(first 'div' in Grid)
Number
Item description
Value
1
Item 1
1123
2
Item 2
2123
3
Item 3
3123
4
Item 4
4123
5
Item 5
5123
6
Item 6
6123
Footer
(last 'div' in Grid)
Second table
(caption at bottom)
Input Data
Specify Base x Height (Base x Height)
  • Base   :
  • Height :
Results
Computed values
Surface   :
Perimeter :
Diagonale :

Some sample text after / aside flex boxes

(Still in under Flex division)

Free Web Hosting