Html div外的文本格式不正确_Html_Css

Html div外的文本格式不正确

html css

Html div外的文本格式不正确,html,css,Html,Css,我有这个密码 <html lang='es'> <head> <link rel="stylesheet" type="text/css" href="theme.css"> <link rel="stylesheet" type="text/css" href="bootstrap337/css/bootstrap.min.css"> <link rel="stylesheet" ty

我有这个密码

<html lang='es'>
    <head>
        <link rel="stylesheet" type="text/css" href="theme.css">
        <link rel="stylesheet" type="text/css" href="bootstrap337/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="bootstrap337/css/bootstrap-theme.min.css">
        <link rel="stylesheet" type="text/css" href="bootstrap337/css/normalize.css">
        <script src="bootstrap337/js/jquery-3.2.0.min.js"></script>
        <script src="bootstrap337/js/bootstrap.min.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            * {
            padding:0.5%;
            }
        </style>
    </head>
    <body>
        <div class='col-md-12' style='background-color:#DDD'>
        <h1 class='text-center'>Sea bienvenido a la web</h1><hr/>
        </div>
        <hr/>
        <div class='col-md-3' style='background-color:#DDD'>
        <p class='text-justify'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tincidunt dictum lacus sed pellentesque. Suspendisse dignissim eros eget lacus commodo, nec congue ante sollicitudin. Ut consequat metus at metus volutpat congue sit amet facilisis turpis. Fusce vitae eros lectus. Nullam blandit massa ac erat tempor fermentum. Aenean tristique eu neque at sagittis. Curabitur sed dui ut orci rutrum fringilla. Phasellus suscipit lacus ut iaculis interdum. Nunc vehicula lacus at risus luctus, non malesuada urna tempor. In eget massa ligula..</p>
        </div>
        <div class='col-md-6' style='background-color:#EEE'>
            <div class='col-md-6' style='background-color:#AAA'>
                <p class='text-justify'>Vivamus sit amet cursus diam, non aliquet urna. Mauris viverra commodo fringilla. Donec rutrum sodales ex a tincidunt.</p>
            </div>
        <p class='text-justify'>Nam ac fermentum nulla. Donec nibh lacus, feugiat vitae magna sit amet, mollis ornare lorem. Etiam a auctor enim. Nam sed egestas est. Vivamus sit amet cursus diam, non aliquet urna. Mauris viverra commodo fringilla. Donec rutrum sodales ex a tincidunt. Integer volutpat mauris eget dictum tristique. Suspendisse quis sagittis nisl. In purus lorem, volutpat in eros cursus, porta faucibus ligula. Sed non dolor convallis, efficitur urna a, congue velit. Pellentesque nec ante sit amet leo ultricies fringilla efficitur sit amet est. Proin ut ullamcorper felis. Quisque eget iaculis arcu.</p>
        </div>
        <div class='col-md-3' style='background-color:#DDD'>
        <p class='text-justify'>Nunc suscipit augue iaculis, facilisis ex a, tristique tellus. Nullam vel tellus libero. Nulla facilisi. Suspendisse potenti. Mauris in varius diam. Aliquam non malesuada tellus. Nullam pulvinar tellus id aliquet fermentum. Quisque sed dictum justo, id mollis ante. In hac habitasse platea dictumst. Donec eu nisi facilisis metus porta consectetur id id nisi.</p>
        </div>
    </body>
</html>

但是问题是：我想要文本在div之外，div里面有一个div mid div没有得到正确的文本填充，正如我在图像中标记的那样

如何解决文本右填充问题

给那个元素留一个右/下边距

.在文本块中{ 利润率：0.1米1米0； } * { 填充：0.5%； } 海洋网

Lorem ipsum door sit amet，一位杰出的领导者。这句话的意思是：“这句话没有用。”。贵宾休庭，无需举行会议。但是，我们的会议在会议室举行，会议将在会议室举行。爱的生命。暂时发酵的白兰地酒。埃尼安·特里斯蒂克·尤涅克在萨吉蒂。库拉比图尔酒后驾车。相思。非马莱苏阿达州卢克图斯市的Nunc车辆lacus 我是临时工。在eget massa ligula

维瓦摩斯坐在直径不相等的地方。毛里斯·维韦拉·康莫多·弗林利亚。请不要喝一点苏打水

Nam ac酵母菌nulla。多涅克·尼布·拉库斯，世袭的大家庭，莫利斯·奥纳雷·洛雷姆。Etiam是一个拍卖人enim。南塞德埃格斯塔斯东部。维瓦摩斯坐在阿梅特·库苏斯·迪亚姆，不在阿利奎特·乌尔纳。毛里斯·维韦拉·康莫多·弗林利亚。请不要喝一点苏打水。帕特·莫里斯·埃吉特·迪克特·特里斯蒂克。矢状突。在普鲁斯-洛雷姆，厄洛斯-库苏斯，福西布斯-利古拉之门。这是一种无痛苦的安慰，一种有效的治疗方法。佩伦特斯克必须为他辩护弗林蒂利亚效率最高。乌兰科佩尔猫。奎斯克·埃吉特·亚库利斯·阿库

Nunc suscipit augue iaculis，facilisis ex a，tristique tellus。这是我的自由。无便利。潜力悬钩子。毛里斯葡萄品种直径。阿利奎姆非马利苏达-泰勒斯。丘脑黄斑带菌发酵液。这是我的名言，我是莫兰特。在hac habitasse Plateum，一句名言。Donec-eu-nisi是一家专门为您提供nisi服务的公司

您的代码中有很多问题

使用bootstrap，您应该始终将所有内容放在一个容器中

然后在容器内部有一行，然后在行内部有一列

例如：

一些文本

如果您想添加更多的行和列，您仍然必须保持其有序，并且始终只将列放在行中，将行放在列或容器中

这将使您的页面工作得更好，因为在Bootstrap中有填充和边距，使它们相互平衡

然后，如果您想向特定的div添加填充，最好不要覆盖引导类，也不要向*添加填充，这会影响所有内容

相反-向要添加填充的div添加一个类，并仅为该类添加填充

范例

`<style>
 .extra-padding {
   padding: 20px;
  }
 </style>
<div class="container">
  <div class="row">
    <div class="col-xs-12">
     <div class="row">
      <div class="col-xs-3">
      </div>
      <div class="col-xs-9 extra-padding">
      </div>
     </div>
    </div>
  </div>
</div>`

你的问题似乎不清楚。什么文本，什么div？中间div上的文本没有内部div的填充，然后，文本被粘贴到内部divmore解释图像：什么是“中间div”？@Pineda它是图像中标记的div Perfect！，该保证金解决了问题，非常感谢@Venadd欢迎来到SO btw。请务必对任何有帮助的答案进行投票，并在问题解决后接受最好的答案，并在答案上打勾。别担心，我投票给了你！：P、但只有不到15名代表没有公开露面