Sisennys

Luen myös CSSn kuuluvan HTMLään:

http://www.w3schools.com/css/tryit.asp?filename=trycss_margin-left

Jos nyt välttämättä haluat käyttää html-koodia niin silloin on käytössä blockquote:
Lorem ipsum

Toki tämäkin on kätevämpää tehdä css:llä, samalla saadaan määriteltyä haluttaessa myös muuta. Tosin mikään ei estä käyttämästä molempia tapoja:



   Sisennys
   
   .sisennys {
      padding-left: 2.5em;
      font-weight: bold;
   }
   blockquote {
      color: #FF6347;
      font-weight: bolder;
   }
   




Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ac turpis sed odio dapibus elementum. Sed euismod blandit ipsum. Suspendisse dignissim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aenean posuere malesuada justo. Morbi ornare odio vel odio. Integer mauris nibh, eleifend eu, congue a, convallis at, quam. Curabitur massa. Fusce vel nisi id lectus blandit pellentesque. Aliquam lectus augue, interdum non, tincidunt et, luctus et, nibh. Aliquam erat risus, facilisis ac, tristique id, eleifend sit amet, dui.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ac turpis sed odio dapibus elementum. Sed euismod blandit ipsum. Suspendisse dignissim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aenean posuere malesuada justo. Morbi ornare odio vel odio. Integer mauris nibh, eleifend eu, congue a, convallis at, quam. Curabitur massa. Fusce vel nisi id lectus blandit pellentesque. Aliquam lectus augue, interdum non, tincidunt et, luctus et, nibh. Aliquam erat risus, facilisis ac, tristique id, eleifend sit amet, dui.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ac turpis sed odio dapibus elementum. Sed euismod blandit ipsum. Suspendisse dignissim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aenean posuere malesuada justo. Morbi ornare odio vel odio. Integer mauris nibh, eleifend eu, congue a, convallis at, quam. Curabitur massa. Fusce vel nisi id lectus blandit pellentesque. Aliquam lectus augue, interdum non, tincidunt et, luctus et, nibh. Aliquam erat risus, facilisis ac, tristique id, eleifend sit amet, dui.





Huomaa että blockquote "sisentää" myös oikeasta reunasta.

Ja css:llä sisentämisen voi tehdä siis joko marginilla tai paddingilla. Niiden eron näet tässä:



   Sisennys
   
   .ekatapa {
      padding-left: 40px;
      background-color: #FFFFF0;
   }
   .tokatapa {
      margin-left: 40px;
      background-color: #FFFFF0;
   }
   blockquote {
      background-color: #FFFFF0;
   }
   




Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ac turpis sed odio dapibus elementum. Sed euismod blandit ipsum. Suspendisse dignissim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aenean posuere malesuada justo. Morbi ornare odio vel odio. Integer mauris nibh, eleifend eu, congue a, convallis at, quam. Curabitur massa. Fusce vel nisi id lectus blandit pellentesque. Aliquam lectus augue, interdum non, tincidunt et, luctus et, nibh. Aliquam erat risus, facilisis ac, tristique id, eleifend sit amet, dui.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ac turpis sed odio dapibus elementum. Sed euismod blandit ipsum. Suspendisse dignissim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aenean posuere malesuada justo. Morbi ornare odio vel odio. Integer mauris nibh, eleifend eu, congue a, convallis at, quam. Curabitur massa. Fusce vel nisi id lectus blandit pellentesque. Aliquam lectus augue, interdum non, tincidunt et, luctus et, nibh. Aliquam erat risus, facilisis ac, tristique id, eleifend sit amet, dui.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ac turpis sed odio dapibus elementum. Sed euismod blandit ipsum. Suspendisse dignissim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aenean posuere malesuada justo. Morbi ornare odio vel odio. Integer mauris nibh, eleifend eu, congue a, convallis at, quam. Curabitur massa. Fusce vel nisi id lectus blandit pellentesque. Aliquam lectus augue, interdum non, tincidunt et, luctus et, nibh. Aliquam erat risus, facilisis ac, tristique id, eleifend sit amet, dui.