# Render LaTeX left aligned

**URL:** <https://discourse.julialang.org/t/render-latex-left-aligned/112251>\
**Category:** Pluto\
**Created:** [March 28, 2024, 8:25pm UTC](https://discourse.julialang.org/t/render-latex-left-aligned/112251 "2024-03-28T20:25:15Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![disberd](https://avatars.discourse-cdn.com/v4/letter/d/8edcca/32.png) [@disberd](https://discourse.julialang.org/u/disberd)\
**Post date:** [March 31, 2024, 4:34pm UTC](https://discourse.julialang.org/t/render-latex-left-aligned/112251/5 "2024-03-31T16:34:17Z")

</div>

Indeed as @abraemer suggested CSS is the way to go here.  
You could override the display of all mathjax in your current notebook with the following style:

```julia
html"""
<style>
	mjx-container {
		text-align: left !important;
	}
</style>
"""

```

 ![image](https://global.discourse-cdn.com/julialang/original/3X/b/5/b50cd3d1208b61472fb3179dea15cb5667b42a13.png)

To have something more custom just for handcalcs you could create a custom struct wrapper around the `LaTeXString` struct that has a custom show method for `MIME"text/html"` that gives a specific class (as example) to your custom struct when shown within Pluto.

For this you could use as example [`AbstractPlutoDingetjes.is_inside_pluto(io::IO)`](https://github.com/JuliaPluto/AbstractPlutoDingetjes.jl/blob/a2cc8e19a2168402ef4f2d6dc3cc4b95a22167d1/src/AbstractPlutoDingetjes.jl#L106-L119) which has exactly that as one of its use cases

---

_[View the full topic](https://discourse.julialang.org/t/render-latex-left-aligned/112251)._