I noticed an issue when using right-to-left-based radio buttons on the same line in HTML. The radio "button" does not line up with the associated text as I would expect; the radio for group 1 is next to the label for group 4, but the other buttons seem to line up as I would expect. This happens on multiple browsers.

Is this expected behavior? Would a right-to-left based language person understand this?

It doesn't behave correctly, because your div is rtl, but your labels are in English, which is an ltr language. Using labels in an RTL language such as Hebrew will also solve problem naturally, and in an RTL div you probably want labels in an RTL language anyway.