Text Bubbles


 

 

I am a blockquote text bubble

I am a second blockquote text bubble

 

<style type="text/css">
blockquote {
width:300px;
color: #FFFFFF;
background-color: green;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
padding-top: 15px;
padding-right: 25px;
padding-bottom: 15px;
padding-left: 25px;
position: relative;
}
blockquote:after{
border:15px solid;
border-color:#FF0033 transparent transparent ;
top: 100%;
left:60px;
width:0;
height:0;
position:absolute;
content:'';
}
blockquote:before{
border:15px solid;
border-color: transparent transparent #FF0033;
bottom: 100%;
left:30px;
width:0;
height:0;
position:absolute;
content:'';
}

div blockquote:after{
border:15px solid;
border-color:#FF0033 transparent transparent ;
top: 100%;
left:260px;
width:0;
height:0;
position:absolute;
content:'';
}

div blockquote:before{
border:35px solid;
border-color: transparent transparent #FF0033;
bottom: 100%;
left:30px;
width:0;
height:0;
position:absolute;
content:'';
}
</style>


** Home ** Class Pages ** Site Map **


David J. Hark
HARK/INTERNET-HELP, Inc.
P. O. Box 201 Shepherdstown, WV 25443-0201
304-876-2607
N8GMQ
dhark@fred.net
http://www.dhark.com
http://www.dhark.info
Last updated: 4 May 2014

© 2014 David J. Hark