携程的酒店搜索结果页会展示酒店的图片、名称、价格等信息。请使用 HTML 和 CSS 实现一个简单的酒店卡片组件，要求布局合理，样式美观。

答题要点

采用分层设计的思路来答题。先整体布局，再细化各个元素的样式。关键要点：1. 整体结构：使用 HTML 构建酒店卡片的基本结构，如 div 元素包裹各个信息。2. 图片展示：使用 img 标签展示酒店图片，设置合适的尺寸和样式。3. 文本信息：合理安排酒店名称、价格等文本信息的显示位置和样式。4. 样式美化：使用 CSS 对卡片进行美化，如添加边框、阴影等效果。示例思路：创建一个 div 作为卡片容器，内部包含图片、名称和价格等元素。通过 CSS 设置卡片的宽度、高度、边框等样式，使卡片看起来美观大方。