notebookのセル出力を横にしたい

notebookはhtmlで編集できるらしいので以下のようにセル出力を横にできます。幅も広くとれて使い勝手良さそう。

f:id:ossyaritoori:20190505230104p:plain — 図がでかいとちょっと無駄感もあるかもしれない…

設定方法

ここの議論を参考にしました。

以下のコードをセルで実行するだけ。

%%html
<style>
#notebook-container {
    width: 90%;
    background-color: #EEE
}

.code_cell {
   flex-direction: row !important;
}

.code_cell .output_wrapper {
    width: 50%;
    background-color: #FFF
}

.code_cell .input {
    width: 50%;
    background-color: #FFF
}
</style>

用途によって左右の比を変えてもいいかと。

なお，Githubのページでは普段どおりに写ります。