Tabs in web page

I've got an old web page that I am sprucing up a little. It has 'tabs' that look like so:
| TabA | TabB | TabC | TabD |
It uses | to sequester the words, which looks pretty tacky. Is there an easy 'low-cost' thing I can do to make this look nicer? Code currently looks like this:

If String.Compare(MyReader2("UTabA"), "X") = 0 Then
                If ReturnLocation = "" Then
                    ReturnLocation = "./TabA/Main.aspx"
                End If
                NavString &= "| <a class=hot href='../TabA/Main.aspx'><strong>TabA</strong></a> |".Replace("<", "@").Replace(">", "#")
End If
If String.Compare(MyReader2("UTabB"), "X") = 0 Then
                NavString &= " <a class=hot href='../TabB/main.aspx'><strong>TabB</strong></a> |".Replace("<", "@").Replace(">", "#")
End If
If String.Compare(MyReader2("UTabC"), "X") = 0 Then
            If ReturnLocation = "" Then
                    ReturnLocation = "./TabC/main.aspx"
            End If
            NavString &= " <a class=hot href='../TabC/main.aspx'><strong>TabC</strong></a> |".Replace("<", "@").Replace(">", "#")
End If
If String.Compare(MyReader2("UTabD"), "X") = 0 Then
            If ReturnLocation = "" Then
                    ReturnLocation = "./TabD/main.aspx"
            End If
            NavString &= " <a class=hot href='../TabD/main.aspx'><strong>TabD</strong></a> |".Replace("<", "@").Replace(">", "#")
End If

Select allOpen in new window