HTML CSS examples for CSS Widget:Shape
Containing a text in an oval shaped area
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .container {<!-- www .ja v a 2 s. co m--> width:100px; margin:16px auto; } .left { float:left; clear:left; height:7px; } .right { float:right; clear:right; height:7px; } body { font-size:7px; } </style> </head> <body> <div class="container"> <div class="left" style="width:40px;"></div> <div class="right" style="width:40px;"></div> <div class="left" style="width:35px;"></div> <div class="right" style="width:35px;"></div> <div class="left" style="width:30px;"></div> <div class="right" style="width:30px;"></div> <div class="left" style="width:25px;"></div> <div class="right" style="width:25px;"></div> <div class="left" style="width:20px;"></div> <div class="right" style="width:20px;"></div> <div class="left" style="width:15px;"></div> <div class="right" style="width:15px;"></div> <div class="left" style="width:10px;"></div> <div class="right" style="width:10px;"></div> <div class="left" style="width:5px;"></div> <div class="right" style="width:5px;"></div> <div class="left" style="width:10px;"></div> <div class="right" style="width:10px;"></div> <div class="left" style="width:15px;"></div> <div class="right" style="width:15px;"></div> <div class="left" style="width:20px;"></div> <div class="right" style="width:20px;"></div> <div class="left" style="width:25px;"></div> <div class="right" style="width:25px;"></div> <div class="left" style="width:30px;"></div> <div class="right" style="width:30px;"></div> <div class="left" style="width:35px;"></div> <div class="right" style="width:35px;"></div> <div class="left" style="width:40px;"></div> <div class="right" style="width:40px;"></div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ullamcorper molestie lacus sed fermentum. Aliquam erat volutpat. Vestibulum tortor neque, ornare vitae tem</p> </div> </body> </html>