Как сделать чтобы текст не вылазил за ширину блока?

Question

[Dmitriy]

<VRow>
                        <div class="mx-4">
                            <VIcon>mdi-web</VIcon>
                        </div>
                        <div>
                            <span class="field-text">
                                <a
                                    :href="user.website"
                                    target="_blank"
                                    v-if="user.website"
                                    class="website"
                                >
                                    {{ user.website | formatDomainFilter }}
                                </a>
                                <span v-else>N/A</span>
                            </span>
                            <span class="field-hint">Website</span>
                        </div>
                    </VRow>

.website {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

Comments

[Ankhena]

не вылазил за ширину блока

И где ширина-то?

[Dmitriy]

Ankhena, для кого?

[Ankhena]

Dmitriy Uvin, ну или блочность хотя бы
https://jsfiddle.net/rh2cy67t/

[Dmitriy]

Ankhena, для кого?

[Ankhena]

Dmitriy Uvin, для того, чей текст надо обрезать...

[Dmitriy]

Ankhena, для ссылки что ли?
пробовал inline-block - не работает, block задать?

[Ankhena]

Dmitriy Uvin, я даже песочницу уже прикрепила.
Либо блочность, тогда ссылка займет всю ширину родителя либо инлайн-блок и ширину.

[Dmitriy]

Ankhena, спасибо

[Dmitriy]

не сработало

[Dmitriy]

с шириной для второго div'a получилось