Html 我无法剪切div元素的边,使其适合内部的图像和文本

Html 我无法剪切div元素的边,使其适合内部的图像和文本,html,Html,1您应该是所有HTML的容器 第二关上你的门 第三次添加显示:内联块;添加到包含img和文本的div将删除多余的空间。请在此处阅读更多信息: 第四次添加文本对齐:居中;到父容器将使子容器居中,确保父容器具有宽度 .内联块{ 显示:内联块; } .居中{ 文本对齐:居中; } 纳尔逊·曼德拉 相信自由的人 教育是改变世界最有力的武器 不能将body元素作为div的子元素,也不能打开div然后不关闭它,但无论如何,要添加display:inline块;以div的风格。这可能会产生其他一些不希望出现

1您应该是所有HTML的容器

第二关上你的门

第三次添加显示:内联块;添加到包含img和文本的div将删除多余的空间。请在此处阅读更多信息:

第四次添加文本对齐:居中;到父容器将使子容器居中,确保父容器具有宽度

.内联块{ 显示:内联块; } .居中{ 文本对齐:居中; } 纳尔逊·曼德拉 相信自由的人 教育是改变世界最有力的武器


不能将body元素作为div的子元素,也不能打开div然后不关闭它,但无论如何,要添加display:inline块;以div的风格。这可能会产生其他一些不希望出现的结果。
<div class = "container-fluid">
    <body style="background-color:#D3D3D3">  

     <h1 class="text-center">Nelson Mandela</h1>
     <h3 class = "text-center"><em>A man who believed in freedom</em><h3> 
     <br>

     <div style="background-color:gray" class="text-center">   
        <img class="img-responsive" style="margin:0px" src="https://b-i.forbesimg.com/mfonobongnsehe/files/2013/12/Mandela.jpg">
         <p style="font-size:15px">"Education is the most powerful weapon which you can use to change the world."</p>    
    </div>

</body>