是否可以在文本的两侧放置一个按钮?

时间:2013-02-19 17:47:44

标签: html css button

我希望在页面的一侧有一个按钮,文本,然后是文本右侧的另一个按钮。我知道我可以创建单独的div但是会变得混乱。有更简单,更清洁的方式吗?

2 个答案:

答案 0 :(得分:2)

这太简单了,一定是陷阱

http://jsfiddle.net/ESDjH/首先尝试。

http://jsfiddle.net/XwTZR/第二版。

HTML:

<p>
    <button class="pull-left">Button 1</button>put text here<button class="pull-right">Button 2</button>
</p>

的CSS:

p {text-align:center;
    width:333px; /* some width based on button + text + button width */
    margin:auto; /* will center your P */
}
.pull-left{float:left}
.pull-right{float:right}

答案 1 :(得分:0)

<p><button>Button 1</button>asd<button>Button 2</button></p>
你想要什么?这对你来说太乱了吗? 您始终可以使用可编译为HTML的语言,如HamlJade