выравнивание текста: центр не работает, но все остальные свойства работают - PullRequest
0 голосов
/ 24 апреля 2020

Я довольно новичок с HTML и хотел создать простую страницу, но я, когда хотел выровнять свой текст, не следовал инструкции выравнивания текста, но следовал всем остальным, вот HTML file:

    <!DOCTYPE html>
<html>
  <head>
    <link href="style.css" rel="stylesheet" />    
    <title>Freelancers!</title>
  </head>
  <body>
    <h1>
      <t class="center">Bienvenido a Freelancers!</t>
      <p>Para saber qué es un "freelancer", presiona 
        <a href="https://en.wikipedia.org/wiki/Freelancer">
        <strong>aqui</strong>
        </a>. 
      </p>
      <st class="center">¿Quiénes somos?</st>  
        <p>
          Somos un grupo de estudiantes de la
          <a href="https://ucsp.edu.pe/"><strong>UCSP</strong></a>
          que aspiran a tener una página web donde las personas puedan acudir cuando necesiten de la ayuda de profesionales independientes, o "freelancers".
        </p>    
    </h1>
  </body>
</html>

И CSS здесь:

body{
  background-color: lavenderblush;
}
.center{
  text-align:center;

}
 t{
 text-align:center;
 font-weight:bold;
 font-family:Cambria,Courier, monospace;
 font-size:56px;

}
h1 st{
 color:rgb(148, 87, 87);
 font-weight:bold;
 font-family:Cambria,Courier, monospace;
 font-size:28px;
}

p{
 text-align:left;
 font-weight:normal;
 font-family:"Times New Roman", Arial;
 font-size:14px;
}

Извините, если код для вас запутан, но я просто пытаюсь узнать язык и если у вас есть какие-либо рекомендации, я буду благодарен.

1 Ответ

1 голос
/ 24 апреля 2020

Здесь есть несколько проблем:

  1. Ваш </h1> намного ниже, чем должен быть. Это должно быть непосредственно после заголовка. Я исправил эту скрипку.

  2. Вы не можете просто определить html теги. Я сделал подзаголовок h3, убрал типы <t>, и он, кажется, работает отлично.

body{
  background-color: lavenderblush;
}
.center{
  text-align:center;

}
 t{
 text-align:center;
 font-weight:bold;
 font-family:Cambria,Courier, monospace;
 font-size:56px;

}
h1 {
 color:rgb(148, 87, 87);
 font-weight:bold;
 font-family:Cambria,Courier, monospace;
 font-size:28px;
}

p{
 text-align:left;
 font-weight:normal;
 font-family:"Times New Roman", Arial;
 font-size:14px;
}
<h1 class="center">Bienvenido a Freelancers!</h1>
      <p>Para saber qué es un "freelancer", presiona 
        <a href="https://en.wikipedia.org/wiki/Freelancer">
        <strong>aqui</strong>
        </a>. 
      </p>
      <h3 class="center">¿Quiénes somos?</h3>  
        <p>
          Somos un grupo de estudiantes de la
          <a href="https://ucsp.edu.pe/"><strong>UCSP</strong></a>
          que aspiran a tener una página web donde las personas puedan acudir cuando necesiten de la ayuda de profesionales independientes, o "freelancers".
        </p>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...