<\/p>\r\n
<style>\r\n .lr_card{\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 4px 0;\r\n border-top: 1px solid #8080802e;\r\n border-bottom: 1px solid #8080802e;\r\n }\r\n .lr_card .right_section{\r\n border-left: 1px solid #80808040;\r\n padding-left: 45px;\r\n }\r\n .lr_card .price{\r\n font-weight: bold;\r\n }\r\n .lr_card .price_title{\r\n font-size: 14px;\r\n }\r\n<\/style>\r\n<div class=\"lr_card\">\r\n <div class=\"left_section\">\r\n <div class=\"price_title\">Estimated Price<\/div>\r\n <div class=\"price\">$34,324<\/div>\r\n <\/div>\r\n <div class=\"right_section\">\r\n <div class=\"price_title\">Estimated Savings<\/div>\r\n <div class=\"price\">$34,324<\/div>\r\n <\/div>\r\n<\/div><\/code><\/pre>","category_id":"10","is_private":"0","created_at":"2025-12-04T06:40:10.000000Z","updated_at":"2025-12-04T06:40:10.000000Z","category":{"id":10,"user_id":"1","name":"CSS","slug":"css-a43c","parent_id":null,"created_at":"2023-03-21T01:17:14.000000Z","updated_at":"2023-03-21T01:17:14.000000Z"},"user":{"id":1,"name":"R GONDAL","email":"rizikmw@gmail.com","email_verified_at":null,"two_factor_confirmed_at":null,"current_team_id":"1","profile_photo_path":null,"created_at":"2023-03-12T10:49:33.000000Z","updated_at":"2025-01-10T12:59:00.000000Z","profile_photo_url":"https:\/\/ui-avatars.com\/api\/?name=R+G&color=7F9CF5&background=EBF4FF"}},"pageDesc":" <style> .lr_card{ display: flex; justify-content: space-between; padding: 4px 0; border-top: 1px - horizontal card layout with two sections LEFT and Right HTML CSS Flex (Updated: December 4, 2025) - Read more about horizontal card layout with two sections LEFT and Right HTML CSS Flex at my programming site [SITE]","categories":[]}