Tryit Editor - Free-Learn

<!DOCTYPE html>
<html>
<head>
<style>

div{
 max-width: 250px;
 background-color: #f2f2f2;
 padding: 10px;
}

#MyText{
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

</style>
</head>
<body>

<div id="MyText">
Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.
</div>
<button id="MyBtn" onclick="more();">بیشتر بخون</button>

</script>

</body>
</html>

سایت آموزشی فری لرن