title: Align text center to table header and right to siblings(html - table)?
body: <p>I am frequently encountering this type of design in my projects. I want a cell text aligned to center of the header and right aligned to the below and above data as shown below. And table has border. The three cells shown in image are in different rows. How can I do this one?</p>
  
  <p>I tried with <code>text-align:center</code> but it aligns everything to the center. Tried with <code>padding</code> but nothing seems to work. I tried to <code>text-align: right</code> but it is not aligning with header.</p>
  
  <p><a href="https://i.stack.imgur.com/sFo38.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sFo38.png" alt="enter image description here"></a></p>