09 июля. HTML5 CSS3.

Сегодня 9 июля 2019 года мы занимались изучением HTML5 и CSS3.
Парни работали активно! Тема их так увлекла, что они просили продолжить то же на следующем занятии.
Я рад пойти навстречу!
В четверг 11 июля — «HTML5 и CSS3 — шаг второй!»

      div {
      	text-align: left;
        height: 1.5em;
        width: 50%;
        padding-left:0.5em;
        padding-right:0.5em;
        padding-top:0.5em;
        font-style: oblique;
        font-weight: bold;
        font-size:2em;
      }
      
      div.greenText {
      	color:#00FF00;
        background:linear-gradient(270deg,red,green);
      }
      
      div.redText {
      	color:#FF0000;
        background-color:#000000;
        text-align: right;
      }
      
      h1 {
      	text-align: center;
        width: 50%;
      }
      
      div.container {
      	width:90%;
      	background:green;
        overflow: hidden;
        height:auto;
        text-align:center;
      }
      
      img {
      	width:90%;
      }

    <h1>http://rendera.org</h1>
    <div class="greenText">Some green text</div>
    <div class="redText">Another red text</div>
    <div class="container">
    <img src="https://pp.userapi.com/c849036/v849036531/1baa7f/_wByu4X5o14.jpg">
    </div>