For this to work you need Magic Online's saved draft file. Those do not save by default, so you have tick autosave under Account settings->Game History. Then paste the contents of the file in the textarea below (the whole file, including who you drafted with, etc).A test file can be downloaded here. Note that it is a Legacy Cube draft which means you have to tick the option below in order for the parser to show images.
Click on Create Code.
Copy the styles and paste them somewhere on your page (head preferably). Then copy and paste the generated HTML code.
|For Cube drafts and Dominaria (or any draft containing cards from different sets) check this (it will strip the &set= and show the last printing of the card instead).|
CSS to copy
HTML to copy