Tryit Editor - Free-Learn

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

h2,p{
 text-align: center;
}

p{
 max-width: 300px;
 margin: 0 auto;
 background-color: #f2f2f2;
 padding: 5px;
}

.Text-1{
 background-color: #f2f2f2;
 padding: 10px;
 text-align-last: left;
}

.Text-2{
 background-color: #f2f2f2;
 padding: 10px;
 text-align-last: center;
}

.Text-3{
 background-color: #f2f2f2;
 padding: 10px;
 text-align-last: right;
}

</style>
</head>
<body>

<p><b>لطفا به سطر آخر پاراگراف های زیر توجه نمایید</b></p>

<h2>text-align-last: left</h2>
<p class="Text-1">
Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam.
Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam.
</p>

<h2>text-align-last: center</h2>
<p class="Text-2">
Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam.
Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam.
</p>

<h2>text-align-last: right</h2>
<p class="Text-3">
Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam.
Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam.
</p>

</body>
</html>

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