32 lines
2.2 KiB
HTML
32 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Align your text in a paragraph</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="Everything that pertains to the text alignment in a paragraph: aligning left, right, justified, center" />
|
|
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
|
<script type="text/javascript" src="../callback.js"></script>
|
|
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="mainpart">
|
|
<div class="search-field">
|
|
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
|
</div>
|
|
<h1>Align your text in a paragraph</h1>
|
|
<p>The text is commonly aligned in four ways: left, right, center or justified. To do that,</p>
|
|
<ol>
|
|
<li>place the cursor to the position where you want the alignment to be applied (this can be a new line or already entered text),</li>
|
|
<li>switch to the <b>Home</b> tab of the top toolbar,</li>
|
|
<li>select the alignment type you would like to apply:
|
|
<ul>
|
|
<li><b>Left</b> alignment with the text lined up by the left side of the page (the right side remains unaligned) is done with the <b>Align left</b> <img alt="Align left icon" src="../images/alignleft.png" /> icon situated at the top toolbar.</li>
|
|
<li><b>Center</b> alignment with the text lined up by the center of the page (the right and the left sides remains unaligned) is done with the <b>Align center</b> <img alt="Align center icon" src="../images/aligncenter.png" /> icon situated at the top toolbar.</li>
|
|
<li><b>Right</b> alignment with the text lined up by the right side of the page (the left side remains unaligned) is done with the <b>Align right</b> <img alt="Align right icon" src="../images/alignright.png" /> icon situated at the top toolbar.</li>
|
|
<li><b>Justify</b> alignment with the text lined up by both the left and the right sides of the page (additional spacing is added where necessary to keep the alignment) is done with the <b>Justify</b> <img alt="Justify icon" src="../images/justify.png" /> icon situated at the top toolbar.</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</body>
|
|
</html> |