はtext-alignとhtmlをHTMLスタイルに変換することはできません

Question

私は、テキストを50px幅で右揃えにしたいだけです。

は、それをこのようにコーディングする私には明らかに聞こえ：

<div style="text-align:right;width:50px;"> 
 
    Myyyyyyyyyyyyy Teeeeeeeeeeeeeeeeeeeeeeext 
 
</div>

は50px幅が適用されるが、そのスペースが右に左の代わりに予約されているようです。

私は別のdivにこのコードを含めることを試みた：

<div style="text-align:center;"> 
 
    <div style="text-align:right;width:50px;"> 
 
    Myyyyyyyyyyyyy Teeeeeeeeeeeeeeeeeeeeeeext 
 
    </div> 
 
</div>

には違いはありません。どのように私はそれをすることを躊躇していますか？

Answer 1

フレキシボックスが

div { 
 
    display: flex; 
 
    margin: 1em auto; 
 
    border: 1px solid grey; 
 
    background: palegoldenrod; 
 
    width: 50px; 
 
    justify-content: flex-end; 
 
    text-align: right; 
 
}

<div> 
 
    Myyyyyyyyyyyyy Teeeeeeeeeeeeeeeeeeeeeeext 
 
</div>

Answer 2

ことを行うことができます。少なくとも、これは動作します：

<table width="50" align="right"> 
      <tr> 
       <td> 
        Myyyyyyyyyyyyy Teeeeeeeeeeeeeeeeeeeeeeext 
       </td> 
      </tr> 
     </table> 

ないより良い方法があるかどうか確認してください？

<table width="50" align="right"> 
 
      <tr> 
 
       <td> 
 
        Myyyyyyyyyyyyy Teeeeeeeeeeeeeeeeeeeeeeext 
 
       </td> 
 
      </tr> 
 
     </table>

Answer 3

すべてのあなたのスタイルのためのCSSファイルを使用し、その後何かというファイルを作成し、HTMLページの先頭部分にあなたのHTMLページに

<link rel="stylesheet" type="text/css" href="something.css"> 

をこの行を追加します。 CSSを作成し、このファイルにすべてのスタイルを保存して、テキストをクラスにします。例：

<p class ="textstyle">put your text here</p> 

はその後something.cssにこのことができます。この

.textstyle 
{text-align: right; 
font-size: 50px; 
} 

希望を追加macmuggins.com HTMLコード持っている非常に基本的な例には、それをチェックアウト その非常にあなたのページは、コードの完全なになります。このメソッドを使用しreccomendedてもよく、ロードが遅くなりました。これは練習方法です