·

2.293K

· karol-gontarski

Picture

HTML

inside <div class="modal-body">

<div id="container">
 <div id="left">A</div>
 <div id="center">B</div>
 <div id="right">C</div>
</div>

CSS

with width: 350px try with width: 100%

#container {
 width:350px;
 text-align:center; 
 margin:0 auto;
}

#left {
 float:left;
 width:100px;
 height: 100px;
 background: #888;
}

#center {
 display: inline-block;
 margin:0 auto;
 width:100px;
 height: 100px;
 background: #888;
}

#right {
 float:right;
 width:100px;
 height: 100px;
 background: #888;
}

Example

http://jsfiddle.net/dCwp3/

Related protips

Have a fresh tip? Share with Coderwall community!

Post

Post a tip

Sponsored by

#native_company#

#native_desc#

#native_cta#

Filed Under

Accelerate Your Web Development Skills

Post a job for only 299ドル

Sponsored by #native_company# — Learn More