HTML kód:

<div class="oval-quotes">

<p>ide jön a szöveg</p>

</div>

<style>

.oval-quotes {

position:relative;

width:400px;

height:350px;

margin:2em auto 10px;

color:#000;

background:#ffed26;

-webkit-border-top-left-radius:400px 350px;

-webkit-border-top-right-radius:400px 350px;

-webkit-border-bottom-right-radius:400px 350px;

-webkit-border-bottom-left-radius:400px 350px;

-moz-border-radius:400px / 350px;

border-radius:400px / 350px;

}

.oval-quotes:before {

content:"\201C"; 

position:absolute; 

z-index:1; 

top:20px; 

left:20px; 

font:80px/1 Georgia;

color:#ffed26;

}

.oval-quotes:after {

content:"\201D"; 

position:absolute; 

z-index:1; 

bottom:0; 

right:20px; 

font:80px/0.25 Georgia;

color:#ffed26;

}

 

.oval-quotes p {

width:250px;

height:250px;

padding:50px 0 0;

margin:0 auto;

text-align:center;

font-size:35px;

}

.oval-quotes p:before {

content:"";

position:absolute;

z-index:-1;

bottom:-30px;

right:25%;

width:0;

height:80px;

border-right:200px solid #ffed26;

background:#ffed26;

 

/* css3 */

-moz-border-radius-bottomright:200px 100px;

-webkit-border-bottom-right-radius:200px 100px;

border-bottom-right-radius:200px 100px;

-moz-transform:translate(0, -2px);

-webkit-transform:translate(0, -2px);

-o-transform:translate(0, -2px);

transform:translate(0, -2px);

}

.oval-quotes p:after {

content:"";

position:absolute;

z-index:-1;

bottom:-30px;

right:55%;

width:180px; 

height:60px;

background:#fff; 

 

/* css3 */

-moz-border-radius-bottomright:40px 50px; 

-webkit-border-bottom-right-radius:40px 50px; 

border-bottom-right-radius:40px 50px; 

-moz-transform:translate(-30px, -2px);

-webkit-transform:translate(-30px, -2px);

-o-transform:translate(-30px, -2px);

transform:translate(-30px, -2px);

}

 

.oval-quotes + p {

position:relative; 

width:150px;

margin:0 0 2em;

font-size:18px;

font-weight:bold;

}

 

</style>