Question

我试图在矩形div的边框和内部文本之间放置一些空白。我想不出一种方法来做同样的事情。我的HTML代码如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">

        body, html {
          height: 100%;
          margin: 0;
        }

        table {
          /* The image used */
          background-image: url("<someimagelink>");

          /* Full height */
          /*height: 100%;*/ 

          /* Center and scale the image nicely */
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
        }
        </style>
</head>
<body bgcolor='#B3B6B7'>
    <table class="container" width=800px align='center' cellpadding="5">


        <tr align='justify' style='font-family:Arial,sans-serif; color:black; font-size:14pt'>

            <td class="content" width=80% style='padding: 30px 30px;'>

        <div style="width:750px;height:300px;margin: 20px;background-color: #ffffff;border: 1px solid black;opacity: 0.6;">
          <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque interdum felis sit amet eros fringilla, vel hendrerit metus pharetra. Morbi massa libero, dapibus interdum vehicula quis, commodo id dui. Phasellus quis tempus lacus. Nulla cursus sed mi malesuada tempus. Mauris blandit ligula ligula, eu placerat libero semper nec. Morbi eget ipsum volutpat, pellentesque enim sit amet, egestas odio. Nam id sapien laoreet, interdum lectus sit amet, fermentum felis. Nullam dui ligula, vulputate accumsan varius id, pulvinar at neque. Curabitur est metus, molestie ut sapien sit amet, finibus rutrum turpis. Nunc id porttitor lectus. Cras erat eros, congue eu eros eu, dapibus facilisis urna. Ut eu consequat felis, eget sollicitudin justo. Aenean vulputate risus eget tempus imperdiet. Nulla ligula purus, tincidunt id tristique et, commodo a elit. 
        </p>
      </div>
       </td>
        </tr>

    </table>
</body>
</html>

我必须保持表结构完整，并且不能脱离它。这就是输出looks like

在左右边界和内部文本之间放置边距的任何帮助将不胜感激。谢谢！

Answer 1

只需在该DIV上使用padding，例如padding: 10px;

在div矩形和内部文本之间设置边距

1 个答案: