Two column layout with markdown

Question

I am working on a side-by-side text. I have to prepare this with two column layout. For example one column contains English text and other column/right column contains translation of preceding (English) text. Markdown does not support table marking but Github Flavored Markdown supports. I have made a few attempts, but unfortunately could not solve. It looks bad. Even I put two columns, I should make table border unseen.

This appears to be a duplicate of http://stackoverflow.com/q/30514408/866026 and possibly http://stackoverflow.com/q/30811491/866026 — Waylan, Jul 24 '15 at 13:33
This may be relevant as well: http://stackoverflow.com/q/28201503/866026 — Waylan, Jul 24 '15 at 13:36
Possible duplicate of [Two columns code in Markdown](https://stackoverflow.com/questions/30514408/two-columns-code-in-markdown) — dee-see, Aug 27 '17 at 14:36

score 15 · Answer 1 · answered Oct 05 '18 at 07:55

15

In a .md file html code can be put. A very easy mode to get this effect is doing a table without borders,

<table border="0">
 <tr>
    <td><b style="font-size:30px">Title</b></td>
    <td><b style="font-size:30px">Title 2</b></td>
 </tr>
 <tr>
    <td>Lorem ipsum ...</td>
    <td>Lorem ipsum ...</td>
 </tr>
</table>

answered Oct 05 '18 at 07:55

Radost

666
6
10

4

The problem with this solution is that markdown dosen't work inside `` – S.R Nov 07 '18 at 17:18
1

You are right, but this question is about making columns of text and this solution works for that problem. – Radost Nov 08 '18 at 09:05
4

Unfortunately `border="0"` doesn't work on GitHub markdowns – brillout Dec 14 '19 at 15:08

score 14 · Answer 2 · answered Nov 19 '17 at 11:46

14

No pure markdown way to do it.

Columns don't exist in markdowns.

answered Nov 19 '17 at 11:46

Ani Menon

25,420
16
92
119

score 0 · Answer 3 · answered Mar 07 '19 at 13:35

As Rados mentioned before, you can use html to make tables, but if you want to use markdown inside html code chunks add this line before <table>

<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>

Seems to work for all cells in my jupyter notebook

Two column layout with markdown

3 Answers3

Linked