How to follow the example?

I

Itshnik1234567899876543212022-02-13 16:45:09

css

Itshnik123456789987654321, 2022-02-13 16:45:09

example:

html code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>HW</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div id="div" lang="ru">
    <h1>Сайты можно разделить на несколько основных типов</h1>
    
    <p>
      <span><u>Сайт-визитка</span></u> - сайты этого типа имеют представительские цели и дают 
      возможность разместить краткую информацию о вашей фирме, сфере ее 
      деятельности и предоставляемых услугах. Как правило, это 5-10 страниц: 
      о компании, услуги, прайс-лист, контакты, план проезда и т.п.</p>
    <p>
      <span><u>Интернет-магазин</span></u> - электронные магазины во многом похожи на каталоги (сайты-витрины).
      Основная цель – продажа товаров через Интернет.  Здесь предусматривается система регистрации пользователей, 
      возможность оформить заказ на товар. Заказ по e-mail передается менеджеру по продажам.
    </p>
    
    <p>
      <span><u>Промосайт</span></u> – основная цель промо-сайтов - продвижение на рынок торговой марки, товаров или услуг. 
      Промо-сайты содержат информацию о рекламируемой фирме или продукции, большой упор сделан на выгодное 
      графическое представление товара, использование видео- или анимационных роликов, проведение опросов, розыгрыши призов. 
      Как правило, такие сайты очень яркие и динамичные, они напоминают рекламные ролики.
    </p>
  </div>
</body>
</html>

css code:

body{
  background-color: #c4c4c4;
}

h1 {
  padding-left: 40px;
  text-align: justify;
}

#div{
  width: 700px;
  border: 2px solid red;
  border-radius: 10px;
  text-align: justify;
}
p{
  font: 18px;
}
span{
  padding-left: 39px;
}

what you need:
Font size 18px;
Red line 40px;
Block width 700px;
Border thickness 2px;
Rounding 10px.

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

N

nuggeti, 2022-02-13
@nuggeti

font size :

p{
   font-size : 18px;
}

red border , border thickness and fillet , also block width :

#div {
    border : 2px solid red;
    border-radius : 10px;
    width :  700px;
}