<div>
A tooltip? &nbsp;<br />
<br />
Are you using any libraries on your page already like Bootstrap?<br />
<br />
Here is an example without Bootstrap:<br />
<a href="http://cssdeck.com/labs/bv45bh6p" rel="ugc">http://cssdeck.com/labs/bv45bh6p</a>
</div>


A tooltip?  

Are you using any libraries on your page already like Bootstrap?

Here is an example without Bootstrap:
http://cssdeck.com/labs/bv45bh6p [http://cssdeck.com/labs/bv45bh6p]

<div>
Can you provide some details as to exactly what you are looking for.<br />
<br />
The answer to your question is of course yes. &nbsp;Adding a shadow to any div is a good start <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow" rel="ugc">https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow</a>
</div>


Can you provide some details as to exactly what you are looking for.

The answer to your question is of course yes.  Adding a shadow to any div is a good start https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow [https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow]

<div>
Nathan that is what I am looking for, but can you explain what make it pointy?
</div>


Nathan that is what I am looking for, but can you explain what make it pointy?

<div>
I still don't get it.<br />
<br />
In my mind, this...<br />

<pre><code id="code-20-42269658-1">.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid black;
}</code></pre>
<br />
will give you |_| ( a squre with no top), so how do the sides slant to join /_\
</div>


I still don't get it.

In my mind, this...


.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid black;
}


will give you |_| ( a squre with no top), so how do the sides slant to join /_\

<div>
<a href="https://codepen.io/anon/pen/dzqXed" rel="ugc">Is this</a> what you are looking for? <br />
<br />
This is what I did: All text is on the html and hiding and showing on hover.
</div>


Is this [https://codepen.io/anon/pen/dzqXed] what you are looking for?

This is what I did: All text is on the html and hiding and showing on hover.

<div>
Look at the first link in my last post. There is an animation that does a great job of explaining.
</div>


Look at the first link in my last post. There is an animation that does a great job of explaining.

<div>
<div class="content wysiwyg-content">
Hi Experts,<br />
<br />
Is there a simple way to do a callout box (div) with CSS<br />
<br />
Thank you.
</div>
</div>


Hi Experts,

Is there a simple way to do a callout box (div) with CSS

Thank you.

CSS Callout Box

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.