php测验和显示结果对齐

时间:2016-10-15 01:33:23

标签: php html css

我用post php设计了一个关于html的测验。一切都很好,但我不知道如何在页面的中心取得结果。结果在左边。最好的方法是什么?我是PHP的新手。我试过了

results {
    text-align: center;
    }

and 

.results
{
    text-align: center;
    }


 echo "<div id='results'>$totalCorrect / 5 correct</div>";              ?>

                </div>
            </div>
        </div>

<div class="row">
        <div class="box">
            <div class="col-lg-12">
                <hr>
                <h2 class="intro-text text-center">How did you do?
                </h2>
                <hr>

                <hr class="visible-xs">
         <?php

        $answer1 = $_POST['question-1-answers'];
        $answer2 = $_POST['question-2-answers'];
        $answer3 = $_POST['question-3-answers'];
        $answer4 = $_POST['question-4-answers'];
        $answer5 = $_POST['question-5-answers'];

        $totalCorrect = 0;

        if ($answer1 == "B") { $totalCorrect++; }
        if ($answer2 == "A") { $totalCorrect++; }
        if ($answer3 == "C") { $totalCorrect++; }
        if ($answer4 == "D") { $totalCorrect++; }
        if ($answer5) { $totalCorrect++; }

        echo "<div id='results'> $totalCorrect / 5 correct </div>";

        ?>

            </div>
        </div>
    </div>

1 个答案:

答案 0 :(得分:0)

你的div有一个结果ID,这意味着你用

调用该div
#results {
  text-align: center;
}

.results是一个类

如果有的话,

results将是一个标记。一个更好的例子是formbody