ในทิศทางแนวตั้งสามารถจัดตำแหน่งแถวได้รวมถึงด้านบนตรงกลางและด้านล่าง
ไวยากรณ์พื้นฐาน<tr valign = top>
<tr valign = middle>
<tr valign = ด้านล่าง>
คำอธิบายไวยากรณ์ด้านบนคือด้านบนตรงกลางเป็นศูนย์กลางและด้านล่างคือด้านล่าง
ตัวอย่างไฟล์: 10-23.htmตั้งค่าการจัดตำแหน่งแนวตั้งของแถว
01 <!---------------------------->
02 <!-ตัวอย่างไฟล์: 10-23.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 valign = top>
13 <td> ซอฟต์แวร์เว็บภาพ </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>
คำอธิบายเอกสารบรรทัดที่ 12 กำหนดการจัดตำแหน่งแนวตั้งของแถวเป็นด้านบน