我需要把字母放在一个像下一张照片一样的DIV中的永久站点中。

如你所见，我需要减少字母的位置。我的代码是这个。

<代码><；DIV类="；Col-MD-4 Col-XL-4 Col-XS-4 Clo-SM-4 COL-LG-4 “ ”>；<；DIV类="；内容或"；>；<；中心>；<；H3>；Helado de Copoazú<；/H3>；<；/中心>；<；br/>；<；图>；<；IMG SRC="；/AS_网站_销售_onepage/static/IMG/helado_copoazu.JPEG"；style="；宽度：100%；边框半径：8px；"；产品_ID=' 45 ' onmousemove="；deshabilitar（）"；/>；<；DIV类="；centrado2"；name="；Disponible_Helado"；ID="；AGOTADO_45"；>；<；/DIV>；<；/图>；<；中心>；<；DIV ID="；adiciona45_Mostrar"；style="；font-weight：bold；font-size：22px；"；>；BS.10<；/DIV>；<；按钮ID="；下一步-helado"；类型="；按钮"；style="；边框半径：15px；"；类="；BTN BTN-成功"；onclick="；Cambiar_输入（）；"；产品_ID=' 45 '>；-<；/button>；<；输入类型="；数字"；名称="；数字_Helado"；ID="；数字_Helado"；值="；0"；最小值=0只读=1大小="；3"；style="；text-align：center；width：50px！important；边框：1px实线#97CCF3；颜色：#099EFB；字体粗细：粗体；边框半径：15px；"；/>；<；按钮ID="；stepup-helado"；类型="；按钮"；style="；边框半径：15px；"；类="；btn btn-primary"；onclick="；Cambiar_输入（）；"；产品_ID=' 45 '>；+<；/按钮>；<；/中心>；<；/DIV>；<；HR style="；边框：5px实线#1db33b；宽度：100%"；/>；<；/DIV>；

怎么做？

顺晟科技：

使用CSS，这很简单

<div class="col-md-4 col-xl-4 col-xs-4 col-sm-4 col-lg-4">
                                        <div class="contenedor">

                                            <center>
                                                <h3>Helado de copoazú </h3>
                                            </center>
                                            <br />
                                            <figure>
                                                <img src="/as_website_sale_onepage/static/img/helado_copoazu.jpeg"
                                                    style="width: 100%;border-radius: 8px;" product_id='45' onmousemove="deshabilitar()"/>
                                                <div class="centrado2" name="disponible_helado" id="agotado_45"></div>
                                            </figure>
                                            <center>
                                                <div id="adiciona45_mostrar" style="font-weight:bold; font-size: 22px;">
                                                    Bs.
                                                    10
                                                </div>
                                                <button id="stepDown-helado" type="button" style="border-radius: 15px;"
                                                    class=" btn btn-success"
                                                    onclick="cambiar_inputs();" product_id='45'>-</button>
                                                <input type="number" name="numero_helado" id="numero_helado" value="0"
                                                    min="0" readonly="1" size="3"
                                                    style="text-align: center;width:50px !important; border: 1px solid #97CCF3; color: #099EFB; font-weight: bold;border-radius: 15px;" />
                                                <button id="stepUp-helado" type="button" style="border-radius: 15px;"
                                                    class=" btn btn-primary"
                                                    onclick="cambiar_inputs();" product_id='45'>+</button>
                                            </center>
                                        </div>
                                        <hr style="border: 5px solid #1db33b; width:100%" />
                                    </div>

div::after{
   content: 'anyLetter';
}

编辑：如果要将其添加到图像中标记的位置周围，我建议围绕div::before{ content: 'anyLetter'; } 或<h3>标记.

此外，添加像<figure>这样的类将使其更易于使用。