html - 如何在文本旁边放置一个按钮？

嘿，伙计们，我要把这两个按钮放在一个名字旁边，我该怎么做？它们总是出现在单词下面。

<ion-list>
    <ion-item *ngFor="let service of services">
        <h2>{{service.name}}</h2>
        <button ion-fab mini color="danger"><ion-icon name="trash"></ion-icon></button>
        <button ion-fab mini color="secondary"><ion-icon name="create"></ion-icon></button>
    </ion-item>
</ion-list>

最佳答案

尝试在CSS中使用这个。

        h2 {
        margin: 0;
        display: inline-block;
        }

    

         <ion-list>
            <ion-item *ngFor="let service of services">
                <h2>{{service.name}}</h2>
                <button ion-fab mini color="danger"><ion-icon name="trash"></ion-icon>  </button>
                <button ion-fab mini color="secondary"><ion-icon name="create"></ion-icon></button>
            </ion-item>
        </ion-list>
    

关于html - 如何在文本旁边放置一个按钮？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44916184/