Working

<div id="mp-upper" style="display: flex; width: 100%; margin-bottom: 0px; background: none;">


  <div id="mp-left" style="flex: 1; display: flex; justify-content: space-between; gap: 10px;">


    <div style="flex: 1; background: #faf5ff; margin: 3px; border: 1px solid #B1A3BF; box-sizing: border-box;">

      <div style="background: #faf5ff; margin: 10px 5px 5px 5px; border: 0px solid #B1A3BF; box-sizing: border-box;">
                  މި ހަފްތާ އަށް ހޮވާލެވިފައިވާ ލިޔުން




                        ދެނެވަޑައިގަންނަވަމުތޯ؟








    <div style="flex: 1; background: #faf5ff; margin: 3px; border: 1px solid #B1A3BF; box-sizing: border-box;">

      <div style="background: #faf5ff; margin: 10px 5px 5px 5px; border: 0px solid #B1A3BF; box-sizing: border-box;">
                  ޚަބަރުގައި




                        ތާރީޚުގެ ތެރެއިން  މަސް






{| id="mp-lower" style="width: 100%; margin-top: 1px; background: none"
| style="border: 1px solid #cef2e0; background: #fffff; vertical-align: middle; color: #000000;" |
 މި ޙަފްތާއަށް ހޮވާލެވިފައިވާ ތަޞްވީރު 

 ވިކިޕީޑިއާގެ އެހެން ސަރަހައްދުތައް  ވީކިޕީޑިއާގެ އަޚަވީ މަޝްރޫޢުތައް  އެހެނިހެން ބަސްބަހުން ވިކިޕީޑިއާ __NOTOC__ __NOEDITSECTION__