## 2018-08-14 #HTML and #Markdown

Embedding HTML elements directly in Markdown is possible, but bi-directional editing becomes hard, when one ones to keep the simplicity of markdown. We could further make this embedding more explicit and keep the data in the file... or we can [evolve](2018-08-15.l4d/)

<div class="lively-content" style="background-color: white; border: 1px solid gray; width: 492px; height: 274.4px; display: flex; align-items: center; justify-content: center;" contenteditable="true">Was geht denn hier ab?<lively-code-mirror mode="text/jsx" overscroll="contain" class="lively-content" style="position: absolute; left: 250px; top: 210px; width: 732px; height: 171px;" id="editor">this.style.backgroundColor = "white"

this.style.display = "block";

this.style.display = "flex";
this.style["align-items"] = "center";
// stretch|center|flex-start|flex-end|baseline|initial|inherit;

this.style["justify-content"] = "center";
//  flex-start|flex-end|center|space-between|space-around|initial|inherit


</lively-code-mirror><script data-name="livelyLoad" type="lively4script">function livelyLoad() {
  lively.notify("hello")
  this.querySelector("#editor").doitContext = this
}</script></div>