I’m trying to move my text to the bottom right corner but I can’t

Asked

Viewed 62 times

1

My code:

<font color="white" align="right">&nbsp;
<br>
Lucas Sintra
</div>
html

  • Lucas put the full code of your HTML and CSS you’re using as well!

  • Tries: <div align="right">Lucas Sintra</div>

  • Using the tag is not recommended <font>, is obsolete and can be deleted at any time from browsers. MDN

2 answers

2

In his <div> add stributo style and the property text-align: right;

I left the bottom of the <div> as gray only to allow visualization in response.

<div style="background-color:#ccc; text-align: right;">
<font color="white" align="right">
  &nbsp;
  <br>
  Lucas Sintra
</font>
</div>

1

I made this very simple little model just to help you understand the code, if you have any questions and just comment that I help you. Click Run to see working!

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    }
.texto {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 1rem 1rem 0;
}
.texto p {
    line-height: 0;
    color: red;
    font-size: 2rem;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
<div class="texto">
    <p>Lucas Sintra</p>
</div>

Browser other questions tagged html

You are not signed in. Login or sign up in order to post.