Css 放一个<；a>；将一个图像标记在另一个图像上

这是我想要的模式

---

我试过很多次，但总是失败。有人知道怎么做吗？非常感谢您的帮助…

如果我理解正确，您希望您的代码反映链接中这两个项目的顶部图像。代码在下面的链接中。这相当简单。但是我想警告您，

/

操作符不是有效的类命名（我忘记了这个词）

---

这是您的

如果我理解正确，您希望您的代码反映链接中这两个的顶部图像。代码在下面的链接中。这相当简单。但是我想警告您，

/

操作符不是有效的类命名（我忘记了这个词）

---

这是你的

你可以这样做：

.wrap{
显示：表格；
表格布局：
固定；宽度：100%；
}
.图像{
宽度：20px；
}
.内容，.图像{
显示：表格单元格；
垂直对齐：中间对齐；
}

一些句子

您可以这样处理：

.wrap{
显示：表格；
表格布局：
固定；宽度：100%；
}
.图像{
宽度：20px；
}
.内容，.图像{
显示：表格单元格；
垂直对齐：中间对齐；
}

一些句子

像

.yellow/brown

这样的选择器真的有效吗？像

.yellow/brown

这样的选择器真的有效吗？

<div class='yellow/brown'>
    <div class='green'>Some sentence</div>
    <div class='blue_wrapper'>
        <a>
            <img src="" class="blue1">
        </a>
        <a>
            <img class="blue2" src="">
        </a>
     </div>
</div>

.blue_wrapper{
    position: relative; top: 0px; letter-spacing: 1px;
}

.yellow/brown{
    border-bottom: 1px solid blacK;
    padding: 20px;
}

.green{
    letter-spacing: 0;
    padding: 5px;
    display:inline-block;
    position: relative;
    width: 100%;
}

.blue1, .blue2{
    display: block;
    float: right;
    margin-bottom: 12px;
    vertical-align: text-top;
    width: 1.5vw;
}

.green{
    width:500px;
    margin:0 auto;
}

.yellow{
    letter-spacing: 0;
    float:left;
    padding: 5px;
    display:inline-block;
    position: relative;
    width: 70%;
    border:2px solid orange;
    border-radius:10px;
}
.blue_wrapper{
    float:left;
}
.blue1{
    display: block;
    vertical-align: text-top;
}

.blue2{
    display: block;
    vertical-align: text-top;
    transform: rotate(180deg);
}