css

カラムにcss擬似要素

カラムにリピートさせたバックグラウンド

テキストにcss擬似要素

<span class=”hissu”>ラジオネーム</span>
.elementor-widget-form .elementor-field-type-html{
display: flex;
flex-direction: column;
}
.hissu:after{
content:”★必須”;
background-color: #F25A23;
color: #fff;
font-size: 14px;
}

縦書き

.tategaki{
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
display: flex;
flex-direction: row;
align-items: center;
text-orientation: upright;
}

.tategaki span {
font-size: 10px;
max-width: 100%;

}

CSS レスポンジブで中央揃えにする

@media (max-width: 798px) {
.bound span {
width: 100%;
text-align: center;
}
}