0

我是 CSS 新手，我想在 HTML 或 CSS 中实现以下目标，任何帮助都会很棒。

在此处输入图像描述

我有的代码

<div>
    <p>
        <img src="/dist/img/photos/featured-member-justine.jpg" height="50px" width="50px" /> <b>Influencer Name</b>
        <input type="button" value="Ignore" />
        <input type="button" value="Accept" />
    </p>
</div>
4

1 回答 1

1

您可以像这样实现：

<html>
    <body>
        <div>
            <div style="height:100px;">
                <div id='image' style="float:left;"><img src="" width="50px;" height="50px;"/></div>
                <div>
                    <div id='header' style="float:left;width=80%;" >
                        Influencer Name
                    </div><br/>
                    <div id='description' style="float:left;width=80%;">
                        Campaign: Campaign name lorem ipsum
                    </div>
                </div>
                <div id='buttons' style="float:right;">
                    <input type="submit" value="Ignore" />
                    <input type="submit" value="Accept" />
                </div>
            </div>
             <div  style="height:100px;">
                <div id='image' style="float:left;"><img src="" width="50px;" height="50px;"/></div>
                <div>
                    <div id='header' style="float:left;width=80%;" >
                        Influencer Name
                    </div><br/>
                    <div id='description' style="float:left;width=80%;">
                        Campaign: Campaign name lorem ipsum
                    </div>
                </div>
                <div id='buttons' style="float:right;">
                    <input type="submit" value="Ignore" />
                    <input type="submit" value="Accept" />
                </div>
            </div>
        </div>
    </body>
</html>
于 2013-06-20T03:20:09.337 回答