title: HTML CSS Table Design Guidance
body: <p><a href="https://i.stack.imgur.com/HahRu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HahRu.png" alt="Design"></a></p>
  
  <p>I am trying to create this type of table or design in HTML/CSS/PHP.</p>
  
  <p>In each block, there will be 3 variables. One with horizontal orientation in center and two with vertical orientation in either direction of a center variable. </p>
  
  <p>I have tried to replicate this by using HTML tables but not getting proper results. This is what I have managed to get. </p>
  
  <p><a href="https://i.stack.imgur.com/k25Te.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/k25Te.png" alt="design"></a> </p>
  
  <p>I already did the programming to configure variables and putting them where they should be with orientation but kind of stuck at proper UI. Kindly help me to design this.</p>