CSSのテキストの横にリヤングル

-5

私はhtmlとcssを使用して次を作成しようとしています。CSSのテキストの横にリヤングル

image I am trying to create - click here to view

私はそれが応答になりたいが、私はどこから始めするか分かりません。助けてください。

出典

2017-05-05 Michael Stalteri

あなたは私たちが助けることがそうしようとしているコードを入力してください。 –

https://developer.mozilla.org/en-US/docs/Web/CSS/border-left – j08691

HTML

WHO WE SERVE

–

シンプル

.desire{ 
 
    font-weight: bold; 
 
    font-family: "Arial"; 
 
    letter-spacing: -0.5; 
 
    padding-left: 7px; 
 
    color: #414141; 
 
    border-left: 4px solid #840000; 
 
} 
 
/*example*/ 
 
.a{ 
 
    font-size: .7em; 
 
} 
 
.b{ 
 
    font-size: 1.7em; 
 
} 
 
.c{ 
 
    font-size: 2.7em; 
 
}

<p class="desire a">WHO WE SERVE</p> 
 
<p class="desire b">WHO WE SERVE</p> 
 
<p class="desire c">WHO WE SERVE</p>

出典

2017-05-05 16:07:10 AvrilAlejandro

ありがとうございます！ –

テキストを中央揃えにしたい場合はどうなりますか？ –

put 'text-align：center;' – AvrilAlejandro

CSSのテキストの横にリヤングル

答えて

関連する問題