JSFiddle - React, Tailwind, and code Playground

by tamtakoe

HTML

<div class="span5">
            <div>
                <h4><a href="/users/22">Чел Челыч</a></h4>
            </div>
            <!--<ul class="unstyled advcontacts" id="ExchangeBlock">
            <li>
            <button class="btn btn-success" id="ExchangeLink">
            Редактировать
            </button><span class="help-inline"><a href="#" style="padding-left: 10px;"><i class="icon-pause"></i>Деактивировать</a><a href="#" style="padding-left: 10px;"><i class="icon-remove"></i>Удалить</a></span>
            </li>
            </ul>-->
            <ul class="unstyled advcontacts" id="ExchangeBlock" style="display: none; ">
                <li>
                    Способ связи: телефон, Вконтакте, почта
                </li>
                <li>
                    <button class="btn btn-success" id="ExchangeLink">
                        Обменяться контактами
                    </button>
                </li>
            </ul>
            <ul class="unstyled advcontacts" id="ContactsBlock" style="display: block; ">
                <li style="float: right;">
                    <button class="btn btn-success" id="WorkComplitLink">
                        Работа сделана
                    </button>
                    <a href="" id="ExchangeCancelLink" style="display: block; padding: 5px 0 0 10px;">Отмена</a>
                </li>
                                <li>
                    <span class="conttype">Телефон<span><span class="contname"><b><b>+9 323 999-23-93</b></b> <p class="note muted">звонить с 3 до 4</p></span>
                </span></span></li>
                            <li>
                    <span class="conttype">&nbsp;<span><span class="contname"><b><b>+8 923 213-12-12</b></b> </span>
                </span></span></li>
                            <li>
                    <span class="conttype">Эл. почта<span><span class="contname"><b><a href="mailto:[email protected]">[email protected]</a></b> </span>
                </span></span></li>
                    ...

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');


.conttype {
    display: block;
    float:left;
}
.contname {
    display: block;
    //float:left;
    //clear:both;
    //margin-left: 200px;
}