-1

こんにちは、div 内のテキストと画像を右に揃えることができるかどうか疑問に思っていましたか? div 内のテキストが変更され、サイトの各メンバーのプロファイル名の名前が読み上げられるため、実行しようとした瞬間にテキストが画像に重なってしまいますか?

.prof-content-box-left-lower {
    /* [disabled]height: 200px; */
    /* [disabled]position: relative; */
    margin-top: 25px;
    margin-bottom: 5px;
    margin-right: 18px;
    width: 200px;
    position:relative;
    float:right;
    text-align:right;
    z-index:90;
4

1 に答える 1

0

たぶん、画像を正しく浮かせたいだけだと思います。この例の画像タグのインラインCSSを参照してください。

 <html>
    <head>
        <style>
            .prof-content-box-left-lower {
                /* [disabled]height: 200px; */
                /* [disabled]position: relative; */
                margin-top: 25px;
                margin-bottom: 5px;
                margin-right: 18px;
                width: 200px;
                position:relative;
                text-align:right;
                z-index:90;
                background: #CCCCCC;
            }
        </style>
    </head>
    <body>
        <div class = "prof-content-box-left-lower">
            <img src = "http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png" style = "float: right" width = 100 height = 100>
            my example text
            <div style = "clear: both"></div> <!-- this line clears the float so you can stack these divs, which I expect you probably will-->
        </div>
        <div class = "prof-content-box-left-lower">
            <img src = "http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png" style = "float: right" width = 100 height = 100>
            my example text
            <div style = "clear: both"></div>
        </div>
    </body>
</html>
于 2013-03-16T20:56:40.913 に答える