Pазделение содержания и представления в CSS

Style.css:

p {

text-align:justify;

margin: 0 20%;

}

.neat-word {

text-align: center;

font-size:30px;

color: blue;

text-transform:uppercase;

}

Index.html:

<link rel="stylesheet" href="style.css" />

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et vehicula urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur ligula magna, scelerisque sed cursus ac, consequat non quam. </p>

<p>Etiam ipsum ligula, semper scelerisque fringilla nec, elementum eu dui. Aenean nec nunc nisi. Curabitur in purus at odio viverra bibendum id eu urna. Curabitur aliquet, odio a mattis semper, justo risus volutpat nunc, non ornare velit augue tincidunt quam. </p>

<p class="neat-word">scelerisque</p>

<p>Morbi commodo nisl mauris, convallis venenatis urna. Donec consequat tincidunt commodo. Etiam luctus, risus non dignissim gravida, nibh enim tristique turpis, vel viverra mauris dui sit amet sem. Morbi dignissim dictum tortor, vel ullamcorper sem consequat et.</p>

<p>Ut turpis ante, pharetra vitae euismod ac, euismod at enim. Proin porttitor venenatis diam, consectetur placerat urna mattis vulputate. Vestibulum tristique scelerisque rhoncus. Donec ac lectus tortor, sit amet gravida enim.</p>

Дата добавления: 2015-08-17