<div>
<div class="content wysiwyg-content">
I have a table where I was asked to change the height of the rows which wasn't a problem using style=&quot;height:40px&quot;. &nbsp;After doing so, the text looks like it's pushed up to the top of each cell so to push it down I tried style=&quot;vertical-align:bott<wbr />om; height:40px&quot; but the contend didn't move down at all. &nbsp;Am I missing something? &nbsp; There is a global style sheet that applies to the entire page, but I thought these styles within a &lt;tr&gt; tag would overwrite that. &nbsp;Any tips would be greatly appreciated! &nbsp;Thanks <br />
<br />

<pre><code id="code-10-29011277-1">&lt;tr style=&quot;vertical-align:bottom; height:40px&quot;&gt;
&lt;td&gt;Locker Number&lt;input type=&quot;text&quot; name=&quot;[01]locker_number&quot; value=&quot;&quot; size=&quot;5&quot;&gt;&lt;/td&gt;
&lt;td&gt;Locker Combination&lt;input type=&quot;text&quot; name=&quot;[01]locker_combination&quot; value=&quot;&quot; size=&quot;10&quot;&lt;/td&gt;
&lt;/tr&gt;</code></pre>
</div>
</div>


I have a table where I was asked to change the height of the rows which wasn't a problem using style="height:40px".  After doing so, the text looks like it's pushed up to the top of each cell so to push it down I tried style="vertical-align:bottom; height:40px" but the contend didn't move down at all.  Am I missing something?   There is a global style sheet that applies to the entire page, but I thought these styles within a <tr> tag would overwrite that.  Any tips would be greatly appreciated!  Thanks 

(CODE)

Aligning content in the middle or bottom of a table cell

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.