Html 我该如何制作；盒影“；整个部门

我想在左边显示图像并在其旁边显示文本，但我想在图像后面显示框阴影，怎么做

HTML 您可能需要：

.image\u旋转木马{
边缘顶部：20px；
盒影：0px 0px 3px#000；
}
.图像传送带图像{
浮动：左；
宽度：60px；
}
.图像传送带p{
浮动：左；
}
.清楚{
明确：两者皆有；
}

你好，天使

您可以通过添加一个

div

作为文本的包装，而不是将

box shadow

应用于

image\u carousel

应用于其中的元素

HTML:

---

小提琴：

你应该把所有的东西都放在一个div中，这个div有一个盒子的阴影

<div class="container">
  <div class="image-caroussel>
  etc etc..
</div>

---

希望这有帮助：）

你能用一张图片解释更多或者描述你到底想要什么吗？我明白你的问题，但这似乎不是你的目标。我不明白你的

是什么意思，但我希望图像后面有方框阴影

@yankiepalansi希望整个图像和文本都有方框阴影。（一个盒子-里面有图像和文本）左边是图像，旁边是文本

.image_carousel {
  margin-top: 20px;
  box-shadow: 0px 0px 3px #000;
}
.image_carousel img{
  float:left;
 }

<div class="image_carousel">
<img src="http://3.bp.blogspot.com/-NN2h0whe9D4/Tc4y4i54GAI/AAAAAAAAGt0/ZrKTEZ30wAQ/s1600/windows_7_logo_from_wallpaper.png"  alt=""/>
<div class="content">
<p>
hello there the angel
</p>
</div>
</div>

.image_carousel {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}
.image_carousel .content{
  display: block;
  width: 100%;
  box-shadow: 0px 0px 3px #000;
}
.image_carousel img{
  width: 100px;
  height: 100px;
  box-shadow: 0px 0px 3px #000;
 }

<div class="container">
  <div class="image-caroussel>
  etc etc..
</div>

.container { box-shadow: 0px 3px 3px #000; }