/* CSS */
.bubble {
font: 12px Arial;
display: block;
width: 200px;
position: relative;
margin-bottom: 18px;
color:#fff;
padding: 15px;
background: #000;
z-index: 1;
}
.bubble:before {
border: 0 solid rgba(0, 0, 0, 0.85);
border-bottom: 14px solid transparent;
border-right-width: 18px;
bottom: -14px;
content: "";
position: absolute !important;
right: 0;
width: 100%;
z-index: 2;
}
.bubble p{
margin: 0;
padding: 0;
}
.bubble p a{
color:#fff;
}
<!-- HTML -->
<div class="bubble">
<p>
<a rel="tag" href="http://www.google.com">Google</a>
</p>
</div>
A bubble talk done with CSS
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.