SOURCE

<div class="title">
   
    <span class="text">今天</span>
     <span class="icon-close"></span>
</div>

.title{
    height: 60px;
    background-color:red;

}
.text{
    margin-left: 50px;
    line-height: 60px;
}
    .icon-close{
    position: relative;
    top: -4px;
    display: inline-block;
    width: 2px;
    height: 21px;
    background: green;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
    }
    .icon-close::after {
      position: absolute;
      top: 0px;
      left: 0px;
      content: "";
      width: 2px;
      height: 21px;
      background: yellow;
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: rotate(270deg);
    }