Updated colored/shaded tutorial images, css adjustments

This commit is contained in:
Victoria Wang 2016-04-15 11:08:38 -07:00
parent 939cfb44bc
commit d6aab961c0
18 changed files with 22 additions and 22 deletions

View file

@ -1,8 +1,8 @@
<div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg4.png); background-size: 489px;">
<div class="dialogue">
Now let's add a paragraph of text below the heading (h1). Perhaps "Welcome to my website" or your favorite quote.
<div class="comic" style="height: 600px; margin-top:1em; background-image: url(/img/tutorial/ch1pg4.png); background-size: 489px;">
<div class="dialogue" style="left: 70px; width: 170px">
Now let's add a paragraph of text below the <strong>h1</strong> heading. Perhaps "Welcome to my website" or your favorite quote.
</div>
<div class="dialogue" style="left: 300px; top: 0px">
<div class="dialogue" style="left: 295px; top: -10px">
To make a paragraph, surround your text with the <strong>&lt;p&gt;</strong> tag. So it should look something like
<strong>&lt;p&gt;Hello!&lt;/p&gt;</strong>
</div>