请教一个HTML的排版问题

Question

请教一个div元素下， 与无法水平放置的问题， 具体表现如下

<div class="form-group row">
            <form method="post" action="" onsubmit="return confirm('<?php echo $word->get('msg_add_conf'); ?>')">
                <input type="hidden" name="id" value="<?php echo $info->id; ?>">
                <div class="col-sm-6 no-padding-right">
                    <select class="form-control" name="adding_user_id" required>
                        <option value=""><?php echo $word->get('msg_please_select'); ?></option>
                            <?php foreach ($user_list as $us_if) : ?>
                                <?php $b_already_related = false;
                                if (!empty($info->users)) :
                                    foreach ($info->users as $user_info) :
                                        if ($us_if->id == $user_info->id) :
                                            $b_already_related = true;
                                            continue;
                                         endif;
                                    endforeach;
                                endif;
                                if (!$b_already_related) : ?>
                                    <option value="<?php echo $us_if->id; ?>"><?php echo $us_if->name; ?></option>
                                <?php endif;
                            endforeach; ?>
                    </select>
                </div>
                <div class="col-sm-6 no-padding">
                    <input class="btn btn-primary" type="submit" value="<?php echo $word->get('add'); ?>">
                </div>
                <input type="hidden" name="action" value="add_user">
            </form>
        </div>

这样页面的表现并不是水平对齐的， 尝试个各种方法还是无法修正， 想请教一下如何才能做到在一个水平线上对齐 也就是说input按钮在select框的右边， 感谢~！

Answer 1

你是想让输入框和按钮在同一行并且垂直居中对齐吧？
父元素设置样式：
dispaly:flex;
align-item:center