。left-column []和.right-column] []不对齐

Question

我不确定它是否是有意的，但是如您所见，在左列和右列下方未对齐。我在浏览器的devtools上玩了arround，并为右列找到了顶部填充。但是即使删除了它，它也无法完美对齐。是否有一些简单的方法可以实现完美对齐？

---
output:
  xaringan::moon_reader:
    lib_dir: libs
    nature:
      highlightStyle: github
      countIncrementalSlides: false
---


## Header
.left-column[Left Column]
.right-column[Right Column]

Answer 1

xaringan附带了一些特殊的CSS类，可以解决此问题。

---
output:
  xaringan::moon_reader:
    lib_dir: libs
    nature:
      highlightStyle: github
      countIncrementalSlides: false
---


## Header
.left-column[`.left-column`]
.right-column[`.right-column`]

.pull-left[`.pull-left`]
.pull-right[`.pull-right`]