Problem: I have two jqxRadioButtons — one with short text and one with long text. I would like the longer text to wrap nicely, but I am getting truncation instead. I tried to affect the css a number of ways but would like to know if there is a simple solution to this problem.
Below is the html for the window with the radio buttons.
<!-- "Select Game" pop-up window -->
<div id='select_game_window'>
<div>Select Game</div>
<div>
<div id="olr_game" class="uniform-margin">
Players can come and go. Scoring is simple.
</div>
<div id="cr_game" class="uniform-margin"> <!-- need text wrapping for text below -->
Player ranking file needed. Scoring as per MathCounts chapter competition rules.
</div>
<button class="marking-button uniform-margin" id="select_players_button" >Select Players File...</button>
<span id="crplayers_file_span"></span>
<div id='select_game_buttons' class="uniform-margin" style="text-align:center" >
<button class="marking-button" id="select_game_cancel" value="Cancel" >Cancel</button>
<button class="marking-button" id="select_game_okay" value="OK">Okay</button>
</div>
</div>
</div>
