こちらのページの上の部分はどのような仕組みなのでしょうか？

Question

こちらのページの上の部分のような文字はどのようにしていれているのでしょうか？
やり方があれば教えて下さい。よろしくお願いいたします。###HR######IMG0e1ab605116e82883bc83a4d8e5e3f8e9.pngIMG0###

Accepted Answer

ECマスターズの田中です。

> こちらのページの上の部分のような文字はどのようにしていれているのでしょうか？

いただいた商品ページでは、
下記のようなタグを、共通説明文（大）に記載することで
設置されております。


span.catch_copy:before {
    content: "今売れてます！";
    width: 100px;
    background-color: #bf0000;
    font-size: 11px;
    color: #fff;
    text-align: center;
    display: block;
    padding: 1px 4px;
    margin-bottom: 4px;
    border-radius: 2px;
    clear: both;
}

Answer

田中さんありがとうございます。
今記載できました。