Home > Back-end >  How do I position and resize text in HTML?
How do I position and resize text in HTML?

Time:10-24

I am making a website, but for some odd reason I can't move or resize the text. I do not want to use CSS because it is really hard for me to understand.
Here is an example of what i'm talking about in the image:

enter image description here

CodePudding user response:

I would recommend you to use css because it's very useful and make your code more tidy. First if you know how to create a css page use this command in the main html code to link it <link rel="stylesheet" href="yourcss.css"> Once done use this command to resize the text in the css page

h1/p/h2 exc...{ 

align: center font-size: n...%; }

Let me know if this helped you.

CodePudding user response:

Please show your code when asking for help. If you want to position an element, you have to use CSS. Here is my solution to postion your text:

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title></title>
</head>
<style>
  p {
    position: absolute;
    top: 10%;
    left: 25%;
    transform: translate(-50%, -50%);
  }
</style>

<body>
  <p>I want the size to be small.</p>
</body>

</html>
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>

  • Related