<div class="delete-box"> <div class="zhanpian"> <img src="./images/success.jpg" alt=""> </div> <p>修改成功</p> </div>为这段代码设计css样式，图片居左，字体居右的css代码

可以这样设计CSS样式：

.delete-box {
  display: flex;
  align-items: center;
}

.delete-box .zhanpian {
  margin-right: 10px;
}

.delete-box p {
  margin: 0;
  text-align: right;
}

.delete-box img {
  display: block;
  width: 50px;
  height: 50px;
}

解释一下：

- `display: flex;` 使 `.delete-box` 成为一个 flex 容器，方便实现图片和文字的对齐。
- `align-items: center;` 将图片和文字垂直居中对齐。
- `margin-right: 10px;` 给图片添加右边距，使其与文字有一定的间隔。
- `margin: 0;` 去掉文字的上下外边距，使其垂直居中。
- `text-align: right;` 文字右对齐。
- `display: block;` 将图片设置为块级元素，方便设置宽高。
- `width: 50px; height: 50px;` 设置图片的宽高。