html - Table Row, when add padding to one cell the whole row gets pushed down -

I have a line, with some rows and columns, here is the second line example

  & lt; TR & gt; & Lt; Td valign = "top" style = "width: 150px;" & Gt; & Lt; H5 & gt; MyCity & lt; / H5> & Lt; / TD & gt; & Lt; Td valign = "top" style = "width: 360px;" & Gt; & Lt; H5 class = "store_title" & gt; Store title & lt; / H5> & Lt; P & gt; The address & lt; / P & gt; & Lt; / TD & gt; & Lt; Td class = "storeDescriptionCell" & gt; & Lt; Div & gt; Details & lt; / Div & gt; & Lt; / TD & gt; & Lt; / TR & gt;  

I entered the information stored in my CSS

  td.storeDescriptionCell {padding: 20px; }  

I also tried to use the div, but every time I go down margin or padding with the details of the cell or devail, mycity, store title. I just want to keep the description low.

You can use the following CSS to set up all & lt; Td> vertical align top and store details vertical to add cell:

  table TD {vertical-align: top; } Table td.storeDescriptionCell {vertical-align: bottom; }