html - ページを垂直方向に分割する HTML CSS - 反対の色を使用

Question

私は初めて Jekyll を使用していますが、スタイリングの助けが必要です。

中央を垂直に分割するページを作成しようとしています。左半分は黒と白のフォント、右半分は白と黒のフォントです。

Answer 1

次の例を参照してください。

<div id="black"></div>
<div id="white"></div>

あなたのCSSでは、

#black{
    float:left;
    background-color:black;
    width:50%
    height:100%;
    color:white;
}
#white{
    float:right;
    background-color:white;
    width:50%
    height:100%;
    color:black;
}