Make fully visible one element from overflow:hidden element

Posted by Oleksandr Khavdiy on Stack Overflow See other posts from Stack Overflow or by Oleksandr Khavdiy
Published on 2012-11-25T16:55:31Z Indexed on 2012/11/25 17:04 UTC
Read the original article Hit count: 264

Filed under:
|

Please check http://jsfiddle.net/mtN6R/5/

.tooltip{
    color:red;
}
.wrapper {
    overflow:hidden;
    height:50px;
    border:1px solid black;
    width:50px;
}


<div class="wrapper">
    <div class='tooltip'>A big tooltip which should be visible fully</div>
     A lot of text<br> 
          A lot of text<br>      
</div>

I need .tooltip make fully visible but I can't take it outside wrapper. Can we stylize that example so .tooltip will be shown above wrapper and the rest content will stay as is?

© Stack Overflow or respective owner

Related posts about html

Related posts about css