Javascript JQuery移动多行按钮覆盖问题

我正在使用Phonegap和JQuery mobile创建一个应用程序，它使用的按钮的内容标题是通过ajax请求获取的，可以很长，所以我希望有多行按钮。我使用以下css搜索并找到了一种方法：

.ui-btn-inner{
    white-space: normal !important;
}

但我不能让它工作

我尝试将它放在页面头部的样式标记之间，然后使用style=，放在按钮本身的html代码中。我还尝试将这段代码放在css文件中，并将其链接到页面，但也不起作用，即使我将此文件放在与HTML相同的文件夹中

下面是我创建按钮的JS摘录：

for ( var i = 0; i < quizz.questionnaire[index_quest - 1].propositions.length; i++) {
    if (quizz.questionnaire[index_quest - 1].fin) {
        if (i + 1 == quizz.questionnaire[index_quest - 1].reponse) {
            code_source += "<a href='pageFinQz.html' data-role='button' onclick='localStorage.localScore=++score'>";
            code_source += quizz.questionnaire[index_quest - 1].propositions[i];
            code_source += "</a><br/>";
        } else {
            code_source += "<a href='pageFinQz.html' data-role='button'>";
            code_source += quizz.questionnaire[index_quest - 1].propositions[i];
            code_source += "</a><br/>";
        }
    } else if (i + 1 == quizz.questionnaire[index_quest - 1].reponse) {
        code_source += "<a href='#' data-role='button' onclick='mapQuestion(quizz, ++index_quest); localStorage.localScore=++score; return false' rel='external'>";
        code_source += quizz.questionnaire[index_quest - 1].propositions[i];
        code_source += "</a><br/>";
    } else {
        code_source += "<a href='#' data-role='button' onclick='mapQuestion(quizz, ++index_quest); return false' rel='external'>";
        code_source += quizz.questionnaire[index_quest - 1].propositions[i];
        code_source += "</a><br/>";
    }
}

我真的不明白为什么css看起来不起作用，因为它很简单，但也许我错过了一些明显的东西

---

提前感谢您的帮助。

如果没有JSFIDLE或示例，很难看到正在发生的事情，但为什么不尝试使用：

display: block;

直接在链接元素上

---

从外观上看。ui btn INTERNAR指的是按钮的内部，代码中的超链接似乎没有为其指定类。

按钮正常渲染并使用jQM设置样式？如果是这样的话，它应该不会有任何问题。无论如何，请尝试覆盖.ui btn文本。很抱歉回复太晚，谢谢您和Simon的回答。在西蒙提出建议后，我尝试了与他的建议相关的解决方案。我也试着按照你说的Omar做，但是没有一个成功，虽然按钮的样式确实正确，但是如果太长的话，当然会被截断。

.ui-btn-inner{
    white-space: normal !important;
}

display: block;