Horizontal radio buttons

I am placing 4 radio buttons in a horizontal line by using
obj.setClass("flow", "inline");
However, what is displayed is 3 of the buttons on one line and the fourth on another line. Is there any way of getting all 4 buttons on a single line? Thanks ahead of time.

Yes, use obj.setClass("flow", "horizontal");

<style>

#radio1 {height: 25px}
#radio1 .aw-list-item {width: 85px}

</style>
<script>

    var itemTextArray = ["Home", "Favorites", "Font size", "Search"];
    var itemImageArray = ["home", "favorites", "fontsize", "search"];

    var radio = new AW.UI.Radio;
    radio.setId("radio1");
    radio.setClass("flow", "horizontal");
    radio.setItemText(itemTextArray);
    radio.setItemImage(itemImageArray);
    radio.setItemCount(4);
    radio.setSelectedItems([0]);

    document.write(radio);

</script>