these are the sample codes from custom alpha search buttons

A..C = upper(left({searchfield},1)) >= "A" .and. upper(left({searchfield},1)) <= "C"
D..F = upper(left({searchfield},1)) >= "D" .and. upper(left({searchfield},1)) <= "F"
G..I = upper(left({searchfield},1)) >= "G" .and. upper(left({searchfield},1)) <= "I"
M..O = upper(left({searchfield},1)) >= "M" .and. upper(left({searchfield},1)) <= "O" </br>
P..R = upper(left({searchfield},1)) >= "P" .and. upper(left({searchfield},1)) <= "R"
S..U = upper(left({searchfield},1)) >= "S" .and. upper(left({searchfield},1)) <= "U"
V..X = upper(left({searchfield},1)) >= "V" .and. upper(left({searchfield},1)) <= "X"
Y..Z = upper(left({searchfield},1)) >= "Y" .and. upper(left({searchfield},1)) <= "Z"

the above give us 8 buttons across in one row.

how do we separate them into 2 rows..

much like 4 buttons on row one
4 buttons on row 2

i place a "</br> as an example, which is not making any difference.

has anyone have experience in dealing with such requirement?

appreciate a working sample codes

thanks