backport of commit 22b70dd

website/content/docs/services/discovery/dns-static-lookups.mdx

@@ -239,6 +239,8 @@ If a service registered with Consul is configured with an explicit IP address or
 
 In the following example, the `rabbitmq` service is registered with an explicit IPv4 address of `192.0.2.10`.
 
+<CodeTabs>
+
 ```hcl
 node_name = "node1"
 
@@ -247,6 +249,9 @@ services {
   address = "192.0.2.10"
   port = 5672
 }
+```
+
+```json
 {
   "node_name": "node1",
   "services": [
@@ -259,6 +264,8 @@ services {
 }
 ```
 
+</CodeTabs>
+
 The following example SRV query response contains a single record with a hostname written as a hexadecimal value:
 
 ```shell-session
@@ -275,6 +282,8 @@ $ echo -n "c000020a" | perl -ne 'printf("%vd\n", pack("H*", $_))'
 
 In the following example, the `rabbitmq` service is registered with an explicit IPv6 address of `2001:db8:1:2:cafe::1337`.
 
+<CodeTabs>
+
 ```hcl
 node_name = "node1"
 
@@ -283,6 +292,9 @@ services {
   address = "2001:db8:1:2:cafe::1337"
   port = 5672
 }
+```
+
+```json
 {
   "node_name": "node1",
   "services": [
@@ -295,6 +307,8 @@ services {
 }
 ```
 
+</CodeTabs>
+
 The following example SRV query response contains a single record with a hostname written as a hexadecimal value:
 
 ```shell-session