具有可变宽度的内联块元素宽度的CSS转换

Question

所以我有一个内联块元素，其p标签具有可变宽度（p标签文本，因此其宽度是使用脚本动态设置的。） 我如何使用css过渡宽度，因此文本和宽度的变化很好，动画而不是突然。 我简化了我的意思： http://codepen.io/lukaMis/pen/azXjzm

#my-element {
  border: 1px solid rgb(0, 180, 255);
  border-radius: 6px;
  display: inline-block;
  transition: width 0.6s ease;
}

TNX 祝你今天愉快 卢卡