vue.js - 确保柱子的侧面和柱子之间有空间

Question

如何在 DOM 和列之间创建空间，我的文本太靠近 DOM 端。

<template>

    <div>

<md-layout md-row md-md-columns>

        <md-layout md-column = "5" class = "mdcolor"> 
        <p class = "md-display-1"> Connect Soft documents </p>

          <p class = "">Allow documents that feed into each other to provide a consistent, untainted view of what your institution is doing.</p>

      </md-layout>
</md-layout>

 </div>

</template>

Answer 1

只需添加 CSS 填充：https ://codepen.io/aprouja1/pen/gRjPgB

#app{
  padding-left:10px;
}