Home/ Questions/How To Position Text In Html?
Next
In Process
Elia Lam
  • 21
Asked: 2022-04-22T02:21:56+00:00 In:

How To Position Text In Html?

  • 21

. Advertisement .

..3..

. Advertisement .

..4..

Is there any simple way to position text in html?

♦ Suggestions of ITtutoria Team
Ideas: There are a few different ways text can be positioned in html, using CSS:

– top: This is done by creating a class “top” and setting the text to the value “top”

– bottom: This is done by creating a class “bottom” and setting the text to the value “bottom”

– center: This is done by creating a class “center” and setting the text to the value “center”.

Here is a suggestion for you

<!DOCTYPE html>
<html>

<head>
    <meta charset=utf-8 />
    <title>Test</title>
    <style>
        #foo {
        position: fixed;
        bottom: 0;
        right: 0;
        }
    </style>
</head>

<body>
    <div id="foo">Hello World</div>
</body>

</html>
Share

2 Answers

  1. You just need to include the code below within your tag(
    ; h1, h2, td etc):

    <p align="center">sample text<p/>
    • 7

  2. The kinds of positioning options in CSS are:

    1. static: which is the default.
    2. sticky: the element is positioned according to the scroll position of the user.
    3. fixed: The element is placed in relation to the window of the browser.
    4. relative:The element is placed relative to its usual position.
    5. absolute: The element is placed in absolute alignment with respect to the parent it was placed in first.
    • 18

Leave an answer

You must login to add an answer.

Need An Account,