html - 如何将包括所有内容的 HTML 页面布局更改为从右到左

Question

我正在使用以前称为surveygizmo.com 的在线调查工具（alchemer.com）。我需要创建一个阿拉伯语调查，这意味着对齐必须从右到左。这些工具支持一些配置，使我可以将文本从右到左对齐。但是，问题在于他们的设置并没有将单选按钮（答案选项）的对齐方式更改为从右到左。我联系了支持，他们告诉我有 CCS 和 HTML 定制。我找到了这个 HTML 代码。你能帮我把 HTML 页面从右到左对齐吗（包括单选按钮，而不仅仅是文本）。请参阅说明问题的代码和图像。

<div class="sg-wrapper">
        <div class="sg-header">
            <div class="sg-header-hook-1"></div>
            <img class="sg-header-image" src="[template("header image url")]" alt="[template("header image text")]"/>
    
            [template("survey title")]
            
    
            <div class="sg-header-hook-2"></div>
        </div>
        <div class="sg-content">
            <div class="sg-content-hook-1"></div>
    
            [template("error message")]
            [template("page title")]
            [template("page description")]
            [template("page contents")]
    
            <div class="sg-content-hook-2"></div>
            
            <div class="sg-footer">        
                <div class="sg-footer-hook-1"></div>
                
                [template("button bar")]
                [template("progress bar")]
                [template("footer text")]
        
                <div class="sg-footer-hook-2"></div>
            </div>
        
        </div>
        
    </div>

问题显示在这里，单选按钮应该出现在文本开始之前的右侧。我无法对齐它们。无论如何可以从 HTML 或 CCS 中执行此操作吗？

标签： htmlcsssurvey