# Decrease margins of IJulia in Jupyter notebook?

**URL:** <https://discourse.julialang.org/t/decrease-margins-of-ijulia-in-jupyter-notebook/6912>\
**Category:** General Usage\
**Tags:** question\
**Created:** [November 6, 2017, 5:08pm UTC](https://discourse.julialang.org/t/decrease-margins-of-ijulia-in-jupyter-notebook/6912 "2017-11-06T17:08:16Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![e3c6](https://avatars.discourse-cdn.com/v4/letter/e/e79b87/32.png) [@e3c6](https://discourse.julialang.org/u/e3c6)\
**Post date:** [November 6, 2017, 5:08pm UTC](https://discourse.julialang.org/t/decrease-margins-of-ijulia-in-jupyter-notebook/6912/1 "2017-11-06T17:08:16Z")

</div>

Is there a way to increase the width of cells in IJulia Jupyer Notebooks?

---

<div class="post-metadata">

**Author:** ![cormullion](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/cormullion/32/49131_2.png) [@cormullion](https://discourse.julialang.org/u/cormullion)\
**Post date:** [November 6, 2017, 5:20pm UTC](https://discourse.julialang.org/t/decrease-margins-of-ijulia-in-jupyter-notebook/6912/2 "2017-11-06T17:20:57Z")

</div>

Execute this in a cell:

```julia
display(HTML("<style>.container { width:100% !important; }</style>"))

```

should work.

---

<div class="post-metadata">

**Author:** ![e3c6](https://avatars.discourse-cdn.com/v4/letter/e/e79b87/32.png) [@e3c6](https://discourse.julialang.org/u/e3c6)\
**Post date:** [November 6, 2017, 5:22pm UTC](https://discourse.julialang.org/t/decrease-margins-of-ijulia-in-jupyter-notebook/6912/3 "2017-11-06T17:22:25Z")

</div>

It works, thanks.

---

<div class="post-metadata">

**Author:** ![ddrake](https://avatars.discourse-cdn.com/v4/letter/d/54ee81/32.png) [@ddrake](https://discourse.julialang.org/u/ddrake)\
**Post date:** [February 16, 2026, 11:46am UTC](https://discourse.julialang.org/t/decrease-margins-of-ijulia-in-jupyter-notebook/6912/4 "2026-02-16T11:46:56Z")

</div>

Another way to do this is with a cell like what’s below. The 2000px gives it a max width, and if your browser window is narrow, it narrows the cells with the `padding` calls.

It would be nice if there was some “official” CSS class, id, or anchor for use in this way – in the notebook right now (February 2026 – over eight years after the above reply!) I don’t see a “container” in the HTML.

```julia-auto
# ╔═╡ a1b2c3d4-0019-0019-0019-000000000019
html"""
<style>
        @media screen {
                main {
                        margin: 0 auto;
                        max-width: 2000px;
                        padding-left: max(160px, 10%);
                        padding-right: max(160px, 10%);
                }
        }
</style>
"""

```