Dialog with Close

by Bacher

HTML

<div class="panel">
    <div class="close">×</div>
    <div class="text">
        LOnas asd a d d d dd dajfbsdjfgbdsjfgdsvkjgbdskjgdsgsdgs gs gsg sg
    </div>
</div>

CSS

.panel {
    width: 130px;
    height: 150px;
    border: 1px solid black;
}

.close {
    float: right;
    text-align: center;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    margin: 3px;
    font-size: 1.3em;
    line-height: 17px;
    color: #eee;
    background: rgba(50, 50, 50, 0.8); 
}

.text {
    word-wrap: break-word;
}