ในทิศทางแนวตั้งการจัดตำแหน่งของเซลล์สามารถตั้งค่าได้รวมถึงด้านบนตรงกลางและด้านล่าง
ไวยากรณ์พื้นฐาน<td vlign = top>
<td vlign = middle>
<td vlign = mottom>
คำอธิบายไวยากรณ์ด้านบนคือด้านบนตรงกลางเป็นจุดศูนย์กลางและจุดเริ่มต้นคือด้านล่าง
ตัวอย่างไฟล์: 10-31.htmตั้งค่าการจัดตำแหน่งแนวตั้งของเซลล์
01 <!---------------------------->
02 <!-ตัวอย่างไฟล์: 10-31.htm->
03 <!-คำอธิบายไฟล์: ตั้งค่าการจัดตำแหน่งแนวตั้งของเซลล์->
04 <!---------------------------->
05 <html>
06 <head>
07 <title> ตั้งค่าการจัดตำแหน่งแนวตั้งของเซลล์ </title>
08 </head>
09 <body>
10 <H1> ซอฟต์แวร์การออกแบบเว็บหลัก </h1>
11 <เส้นขอบตาราง = 3 ความกว้าง = 400 ความสูง = 200 BorderColor =#336699 พื้นหลัง = 10-8.jpg>
12 <tr>
13 <td valign = top> ซอฟต์แวร์ภาพเว็บ </td> <td> ดอกไม้ไฟ </td>
14 </tr>
15 <tr>
16 <td> ซอฟต์แวร์การผลิตเว็บเพจ </td> <td> Dreamweaver </td>
17 </tr>
18 <tr>
19 <td> ซอฟต์แวร์แอนิเมชั่นเว็บ </td> <td> แฟลช </td>
20 </tr>
21 </table>
22 </body>
23 </html>
คำอธิบายเอกสารบรรทัดที่ 13 กำหนดการจัดตำแหน่งแนวตั้งของเซลล์เป็นส่วนบน