Блог

Надеюсь, у вас все хорошо в такие необычные времена. Я пытаюсь отобразить математические уравнения на своем веб-сайте, но он продолжает делать это по центру и на новой строке. Я заранее приношу извинения, если решение простое, у меня мало опыта в коде, и я пытался найти решения путем поиска в Интернете, но мне не повезло.
Сначала я сохраняю массив с моим вопросом и возможными ответами:

 <?PHP $basic_question1 = array('Find the roots of the equation ${x^2}   8x   1 = 0$','[x =  pm 4   sqrt {15} ]','No solutions','[x =  pm 4sqrt {15} ]','[x = 8,x = 1]')?>
 

Затем в HTML вводится тип radio

 <form action="easyquestionsscore.php" method="post">
            <div class="col-md-4 offset-md-4 form-div questions1">
                <p><?php echo $basic_question1[0]?></p>
                <!-- we can only choose one bullet point as all inputs have the same name -->
                <p><input type="radio" name="question1" value="1" > <?php echo $basic_question1[1]?> </p>
                <p><input type="radio" name="question1" value="2"> <?php echo $basic_question1[2]?> </p>
                <p><input type="radio" name="question1" value="3"> <?php echo $basic_question1[3]?> </p>
                <p><input type="radio" name="question1" value="4"> <?php echo $basic_question1[4]?> </p>
                <div class="form-group">
                    <input type="submit" value="Submit" name="submit" class="btn btn-primary"/>
                </div>
            </div>
</form>
 

Код CSS:

 .form-div.questions1{
    margin: 50px auto 50px;
    padding: 25px 15px 10px 15px;
    border: 1px solid #80ced7;
    border-radius: 250px;
    font-size: 1.1em;
    text-align: center;
    font-family: 'Lora', serif
}
.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.offset-md-4{margin-left:33.333333%}
.form-div.questions{
        margin: 50px auto 50px;
        padding: 25px 15px 10px 15px;
        border: 1px solid #80ced7;
        border-radius: 5px;
        font-size: 1.1em;
        text-align: center;
        font-family: 'Lora', serif
    }
 

Однако мой результат https://i.stack.imgur.com/R9aCw.png
Есть ли у кого-нибудь совет, пожалуйста? Моя цель состоит в том, чтобы математические уравнения не начинали новую строку и выполнялись в том же формате, что и «Без результатов» (рядом с интерактивным кругом). Я использовал MathType для генерации кода LaTeX.

Приветствия